电商系统前台产品功能模块架构 电商网站前台设计

仿小米官网实现

• 
  

• 
  
• 
  
• 1. 系统详细设计（主要介绍功能及页面展示）

• 1.1 总体架构的设计
• 1.2 前台主页面展示
• 1.3 注册页面展示
• 1.4 登录页面展示
• 1.5 商品页面展示
• 1.6 商品详情页面展示
• 1.7 购物车页面展示
• 1.8 地址管理页面展示
• 1.9 提交订单页面展示
• 1.10 订单展示页面
• 1.11 订单详情页面
• 1.12 订单支付页面
• 1.13 后台管理登录页面展示
• 1.14 后台管理页面

• 2. 总结
• 3 源码

注：这是本学期的一次课程设计，做一下总结：

• 技术：JSP+Javabean+Servlet+Maven+c3p0数据库连接池技术，
• 架构模式：采用了B/S架构模式。
• 实现方式：使用当前流行的动态网页技术JSP实现前台的显示逻辑业务，实体类Javabean实现数据封装，Servlet实现后台的控制，Maven实现对jar包的管理，应用了MySQL数据库以及使用c3p0数据库连接池技术访问数据库。
• MVC设计模式：MVC即 Model(模型)-View（视图)-Controller(控制器）。使用该种模式可以使网站具有更好的可扩展性和使功能的增强更容易些。该网上商城具有注册帐户，浏览商品，商品搜索，在线购买商品以及管理员后台管理等的功能。

1. 系统详细设计（主要介绍功能及页面展示）

1.1 总体架构的设计

• 实现思路：

M（model）：模型层，主要做数据处理，里面包含了Service(Java业务逻辑)，Dao(Java读写—JDBC)，数据存储(pojo)。
V（view）: 视图层，给用户展示的信息JSP
C（controller）: 控制层，控制视图响应信息，使用Servlet来控制
DB（database）: 数据层（使用MySQL）

• 架构具体化：



• 各层调用实现：

页面通过Web下的jsp文件进行数据和页面显示，再通过com.qifeng.controller包下的Servlet文件进行页面和系统的交互（响应与请求），并获取操作信息，通过service接口类来实现逻辑，最后通过dao包下的接口访问数据库对象并实现相应增删改查操作，生成返回信息，最后通过JSP和Servlet技术再度在页面上显示。
其中util为工具类，通过配置文件完成数据库连接，建立数据池c3p0。而pojo作为实体类，建立了数据模型。

1.2 前台主页面展示

1.3 注册页面展示

1.4 登录页面展示

1.5 商品页面展示

1.6 商品详情页面展示

1.7 购物车页面展示

1.8 地址管理页面展示

1.9 提交订单页面展示

1.10 订单展示页面

1.11 订单详情页面

1.12 订单支付页面

此处使用沙县支付手段

1.13 后台管理登录页面展示

1.14 后台管理页面

2. 总结

• 本次技术我使用JSP+Javabean+Servlet+Maven+c3p0数据库连接池技术，采用了B/S架构模式。使用当前流行的动态网页技术JSP实现前台的显示逻辑业务，实体类Javabean实现数据封装，Servlet实现后台的控制，Maven实现对jar包的管理，应用了MySQL数据库以及使用c3p0数据库连接池技术访问数据库。设计模式主要是采用MVC，MVC即 Model(模型)-View（视图)-Controller(控制器）。使用该种模式可以使网站具有更好的可扩展性和使功能的增强更容易些。
• 对系统功能开发那一块尚有不足，比如在写jdbc语句时，重复次数过多，过于冗余，在此后我们可以学习MyBatis，用MyBatis进行开发，需要手动编写SQL语句，所以它有较高的灵活性，可以根据需要，自由地对SQL进行定制，这样便会提高开发的速度；对于以后的学习和课程设计，我们可以自己学习一下框架，如SSM(Spring + Spring MVC + MyBatis)，这样可以将对象之间的依赖关系交给了Spring控制，方便解耦，简化了开发，系统的分层和架构也更加清晰了。
• 系统下一步的工作是进一步提高查询功能，进行查询功能的柔性化设计。查询条件数的设置是固定不变的，用户不能根据自身的需要改变查询条件。为了使系统的查询功能有很大的改善，可以设计查询内容是任意表、任意字段的组合，由用户选择:查询条件可由用户定义，如时间范围、数据大小范围等。这样通过查询功能的柔性化设计会给用户和维护人员带来了方便，提高系统的可靠性、可扩展性和可维护性。
• 这次课程设计让我认识到了基础知识的重要性，在课程设计中，运用比较多的是字符串和集合的使用，还有SQL语句的书写。所以下一步的学习中，有必要对基础知识进一步巩固，在课设的过程中会发现自己存在的不足，在以后的学习过程中，我会更加努力，专心地学习，克服道路上的种种困难，这样才有可能取得更大的收获。