整合SpringBoot写的Coffee网站,前端模仿星巴克

news/2024/5/9 20:34:52/文章来源:https://blog.csdn.net/weixin_44172673/article/details/107892645

Coffee点点咖啡屋

项目是实训时写的 ,用IDEA写的一个关于咖啡的网站,按照星巴克的网站大致需求去写的,前端基本也是模仿的星巴克。话不多说 ,下面是网站效果。

项目是多Moudle写的,新建几个moudle模块。
在这里插入图片描述
CoffeeWebApplication是项目的主类,也就是springboot的启动类。webapp下面是整个项目的前端。建议放在resource下面的static下面,这样在后面配置页面访问的时候会更好一点。我是太烂了,文件太多,所以就放在这个下面了。
在这里插入图片描述
话不多说,下面看看运行效果。这是登陆界面。当然也有注册界面。
在这里插入图片描述
这是主界面的效果,中间放了一个轮播图,下面是部分商品的图片。截图太小了 只能分开来截图。
在这里插入图片描述
在这里插入图片描述
这个搜索模块用的是ElasticSearch写的
在这里插入图片描述
这是点击商品出来的详情效果
在这里插入图片描述
购物车是用redis做的缓存,查看购物车详情
在这里插入图片描述
这是商品收藏界面
在这里插入图片描述
这是个人信息模块,里面的功能都是有用的,太多了,不想截图了在这里插入图片描述
这是地址的查看,可以进行地址的添加删除修改。
在这里插入图片描述
嗯,大致这样了,用来做个纪念,第一个完成的网站。欢迎找我讨论代码呢,希望大家一起成长哦

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.luyixian.cn/news_show_903218.aspx

如若内容造成侵权/违法违规/事实不符,请联系dt猫网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

【Docker】Docker集成Nginx部署静态网站

前言 本片文章讲解如何通过nginx容器搭建一个静态网站 前置条件 了解nginx基础配置Docker基础,以及会使用Dockerfile构建镜像,可参考这篇文章Dockerfile构建镜像与命令详解 正文 我这里已经安装好Docker环境,并拉取centos基础镜像&#x…

大型网站架构演变和知识体系之oracle实现

在去年程序员杂志上拜读了林昊大师的一篇文章《大型网站架构演变和知识体系》,感觉写得非常好,在其个人的blog上也有,有兴趣的同事可以读一下:http://www.blogjava.net/BlueDavy/archive/2008/09/03/226749.html,文章从…

iis + tomcat 部署网站到服务器

解决服务器80端口被占用,发布网站需要使用80端口 配置反向代理的服务器 reveseProxServer 1.安装IIS (好像要7.0版本以上...) 2.安装 Application Request Routing , 下载地址:https://www.iis.net/downloads/microsoft/application-requ…

同一个页面,导航栏点击,iframe内显示网站

iframe内显示网站&#xff0c;代码如下&#xff1a; <!DOCTYPE HTML> <html> <head> <meta charset"utf-8" /> <title></title> <style> </style> </head> <…

个人失败的网站运营经历,三年一分钱也没有赚到

如果是三年前的自己&#xff0c;根本就不会想过三年后会是这个样子——运营三年一分钱都没有赚到。服务器成本、域名成本等硬性成本全部都是自讨腰包。其他人工推广维护根本就无法计算。 今天&#xff0c;三年前的续费即将过去到期&#xff0c;开始思考着自己是该继续续费还是放…

通过SQL注入获得网站后台用户密码

文章目录 一、实验目的二、实验准备三、实验内容四、WAMP服务器搭建步骤1. 安装wamp&#xff0c;启动所有服务&#xff0c;“start all services”2. 通过phpmyadmin&#xff0c;新建数据库test&#xff0c;创建admin管理员账号表&#xff0c;并添加相应的账户名和密码3. 将log…

关于网站静态文件隔离的解决方案

关于网站静态文件隔离的解决方案 问题: 目前我们网站的物理结构是将服务或应用程序安装到多台服务器上&#xff0c;并将这些服务器配置为共享工作负荷。负载平衡通过将客户端请求分散在多台服务器上&#xff0c;从而提高了基于服务器的程序&#xff08;如 Web 服务器&#xff0…

小网站推荐

1、阿里巴巴矢量图标字体库 网址&#xff1a;https://www.iconfont.cn/ 2、给网站添加全网分享 网址&#xff1a;http://www.bshare.cn/ 3、免费素材照片网站 网址&#xff1a;https://www.pexels.com/zh-cn/ 4、免费图片压缩神器 网址&#xff1a;https://tinypng.com/ 5、…

lnmp实现搭建商城网站

lnmp:即linux nginx mysql php 实验环境&#xff1a;在centos7上实现搭建lnmp 1、首先安装各个程序包 yum install mariadb-server nginx php-fpm pfp-mysql 2、将事先准备好的xiaomi相关压缩包上传且解压缩 [rootlocalhost ~]# mkdir -p /data/web/ [rootlocalhost ~]# u…

在线学习网站页面制作

确定页面的版心 /*版心*/ .w {width: 1200px;margin: auto; }制作header header高度&#xff1a;42px 整个header分为四部分 logo nav search user 基本结构: <!--header头部模块开始--><div class"header w"><div class"logo"><!…

给你的网站加上站内搜索---Spring+Hibernate基于Compass(基于Lucene)实现

给你的网站加上站内搜索---Compass入门教程 syxChina(syxchina.cnblogs.com) Compass(基于Lucene)入门教程 1 序言 2 Compass介绍 3 单独使用Compass 4 springhibernate继承compass 4-1 jar包 4-2 配置文件 4-3 源代码 4-4 说明 4-5 测试 5 总结下吧 1 序言 这些…

提高网站打开速度的7大秘籍 http://lusongsong.com/reed/360.html

很多站长使用虚拟主机来做网站&#xff0c;网页内容一旦很多&#xff0c;网站打开速度就会特别慢&#xff0c;如果说服务器、带宽、CDN这类硬指标我们没有经济实力去做&#xff0c;不妨通过网页代码优化的方式来提高速度&#xff0c;卢松松总结了一些可行性的方法。 1: 缩小Jav…

搭建 ngrok 服务实现外网访问局域网内的网站

本文转自 http://www.itjiaoshou.com/ngrok-access-website-in-lan.html 一般情况下&#xff0c;家庭用户使用的电信宽带服务是没有固定 IP 的&#xff0c;某些企业客户即使给分配了一个固定 IP 也不允许对外暴露 80 端口&#xff08;要是每个公司内部就能提供 web 服务&#x…

从前端出发做好SEO需要考虑什么

一、背景介绍 什么是SEO&#xff1f; SEO由英文Search Engine Optimization缩写而来&#xff0c;中文意译为“搜索引擎优化”。 其实叫做针对搜索引擎优化更容易理解。它是指从自然搜索结果获得网站流量的技术和过程&#xff0c;是在了解搜索引擎自然排名机制的基 础上&…

码云GitHub新建仓库repositories,github建立自己的网站

github和国内的码云的新建大同小异。 话不多说 网址 github的地址 首先创建自己的账户 需要密码复杂一些 邮箱验证 验证成功后 右上角点击 new repository 第一个箭头处 填跟自己用户一样的名字.github.io 如 xxx.github.io 之后public private 都行 我选的是public…

阿里云ECS服务器搭建静态网站

首先如下图购买阿里云的云翼计划的学生机&#xff0c;选择云服务器ECS&#xff0c;预装环境选择CentOS。网址为https://promotion.aliyun.com/ntms/act/campus2018.html。 注意设置root用户的登陆密码&#xff0c;需要记录&#xff0c;等下会用到。 还需要记录远程连接密码。 …

用Dreamweaver实现网站批量更新

在Dreamweaver 4.0中&#xff0c;我们就已接触了模板与库的概念&#xff0c;知道它们是批量生成风格类似的网页的好工具。如今在Dreamweaver MX(以下简称DW MX)中&#xff0c;模板与库的功能得到了进一步细化与加强&#xff0c;尤其是实现关联网页自动更新的特点&#xff0c;使…

50毫秒就判断网站设计好坏

【摘 要】加拿大渥太华卡尔顿大学的研究人员发现&#xff0c;人的大脑将在首次看到一个网页后的二十分之一秒的时间内判断其质量 1月17日消息&#xff0c;据一项新的研究显示&#xff0c;浏览互联网的用户通常会在极短的时间内判断一个网站的质量。 加拿大渥太华卡尔顿大学的…

探讨国外网站设计动用的成本,网页设计师必看

【摘 要】我们都承认国外的网站设计价格高&#xff0c;同样一个看似简单的网站价格是国内几倍或者数倍。通过此文&#xff0c;希望国内的网站设计师同行稍稍静下心来&#xff0c;不要浮躁... 同样是一个网站设计&#xff0c;国外的设计却蕴涵了设计背后的更多东西&#xff0c…

网站设计理念 形成视觉冲击的几种方式

【摘 要】构图&#xff0c;从广义上讲&#xff0c;是指形象或符号对空间占有的状况。 因此理应包括一切立体和平面的造型&#xff0c;但立体的造型由于视角的可变&#xff0c;使其空间占有状况如果用固定的方法阐述&#xff0c;就显得不够全面 1&#xff1a;构图图形的层次感…