计算机毕业设计基于vue的生鲜电商网

网站是一款淡红色的电子商务购物网，以生鲜买卖为主要产品经营的网站。网站的技术方面在前台采用了jsp网页技术，js脚本语言和jquery框架。后台采用了ssh框架技术，mysql数据库进行开发，编程环境则为eclipse以及jdk1.8,tomcat8进行使用。系统分为前台和后台结合的模式开发，功能如下：

 
网站前台
销售排行：对销售的海鲜产品的销售量进行排行展示，以排行榜的形式，展示出最新的海鲜销售情况，让客户可以从网站上查看到海鲜产品的销售情况，了解到畅销的海鲜产品。
系统公告：可以每天查看到系统的公告信息，了解到最新的公告，行业的最新动态。
商品分类：可以进行商品的分类信息展示，以多种分类形式进行商品分类的管理，并且点击分类，可以查看到该分类下的海鲜产品。
商品信息查看：可以通过列表的形式，查看到商品的信息，并且可以通过商品的名称，进行商品的搜索，商品的类别的分类查询。
系统留言板：用户可以在线进行留言，并且可以查看到后台管理员的回复，能够和管理员进行互动。
用户注册，登录：可以在线输入用户的基本信息，用户名，密码，用户的资料等，进行上传登记，上传后审核了，就可以在线进行登录，购买商品。
个人中心
我的订单：对个人的订单信息进行查看，个人用户可以在线进行购物，生成订单，个人中心则显示了最新的购物订单信息。
在线结账：实现了用户在线结账的信息，用户可以在线从订单信息中进行统一结账。
在线评论：可以针对购买的订单进行在线评价，对商品的质量，网站的服务情况进行评价。
购物车：用户可以在线添加海鲜产品，并且可以对海鲜产品进行购物车的添加。

 网站后台
管理员
修改密码：可以在线进行密码的修改，实现网站系统的安全性的提高。
用户管理：可以对前台注册的用户进行查看管理，审核用户的基本信息，用户信息的审核后，用户才能成为网站的会员，在线购物。
类别管理：可以实现海鲜产品的类别管理，对海鲜产品进行分类管理，也可以实现对销量较低的海鲜产品的类别进行删除。
商品管理：海鲜产品的信息需要通过管理员进行上传，商品信息包括了图片，价格，简介等基本信息。
订单管理：管理了用户的购物订单信息，能够通过订单的管理和分析，提高生鲜产品的销售额。
公告信息管理：针对公告信息进行管理，并且可以发布最新的公告，以供前台的用户进行查看。
留言管理：留言的信息管理，可以方便用户能够提交留言，管理员在后台进行留言的回复，增强网站和用户的互动能力。
销售统计：可以对海鲜产品的销售信息进行统计，以统计图表的形式展示销售的情况。
SpringMVC的执行流程
(1)客户端发起请求到前端控制器（DispatcherServlet）[7]
(2)前端控制器请求HandLerMapping去查找Handler(可以根据SpringMVC的配置文件或注解去查找)
(3)处理器映射器向前端控制器返回HandlerExcutionChain(执行器链)
(4)前端控制器调用处理器适配器去执行Handler
(5)处理适配器去执行Handler
(6)Handler将ModelAndView返回给处理适配器（ModelAndView是SpringMVC底层的一个对象，内部封装了Model和View，也就是分装了数据和视图的信息）
(7)处理适配器将ModelAndView返回给前端控制器
(8)前端控制器请求视图解析器去解析视图（根据逻辑视图名解析成物理视图）
（二）Mybaits链接数据库MySQL
1 加载配置并初始化
ClassForName加载驱动
2 根据配置文件config.xml生成SQLSessionFactory
3 根据SQLSessionFactory生成sqlSession
4 由SQLSession产生Mapper代理对像
5 Mapper代理对象进行数据库操作
6具体使用
在项目包下创建一个Mapper的抽象类[2]，在Mapper中定义增删改查的抽象方法，
再创建一个Mapper的xml文件用以保存SQL语句，再书写Service类调用Mapper.xml中的Sql即可[8]。

使用Jsp完成视觉设计
（1）首先用div标签定下大致总-分-总布局
（2）全局设置边框1px solid black
（3）消除div之间的空隙： border-collapse:collapse
（4）模块分为交流区与电子图书馆，交流区通过收发贴实现即时学术交流，电子图书馆收集学习资料方便大家网上学习。
（5）设置全局背景图片，因为背景图片整体颜色为黑，所以文本字体我设置为白
（6）使用iframe固定主页面，其余页面都在主页面下的div中显示。
（7）HTML/CSS的主要用法：关于样式共有三种设置方式。一是外部式，在外部的样式文件，一般都是拷贝自别人已经设置好的样式，项目成员都应用以保证样式统一美观，外部文件的扩展名为.CSS，引用语句为<link rel="stylesheet" href="<c:url 
  value='/ui/bootstrap/3.3.0/css/bootstrap.min.css'/>">，表示引用ui文件夹下的bootstrap样式，这种样式的优先级最低；二是嵌入式，在头部文件中以<style></style>载入，可以设置字体颜色，表格边框，空隙边距等；三是内联式，在标签中定义样式，这种样式的优先级最高。