摘  要

随着现代社会的发展，人们生活水平的提高，购物成了大家生活中必不可少的一部分，随之而来的就是购买到很多不必要的商品被闲置，由此二手平台就这样诞生了，校园二手电子商品平台是结合国内二手平台衍生的一款只针对在校大学生的购物平台。主要是使用Vue框架进行开发的，内容部分涉及到HTML5、Element-UI等技术进行页面的布局，使用Css3修改页面的整体样式，使用Echarts更直观的呈现数据，使用Javascript、Jquery技术进行动态页面交互，使用模糊查询以及正则表达式来实现搜索和手机验证等特殊的功能，用Vue自带组件实现系统默认头像等效果，通过post请求服务器传递参数，通过调用数据打印到页面，由此实现整体页面效果。设计此平台主要是为了树立学生们节约光荣，浪费可耻的消费观念。

 

关键词：Html5；Css3；JavaScript；Echarts；Vue框架；Element-UI

 

目  录

1 绪论 1

1.1 研究背景 1

1.2 研究目的及意义 1

1.3 国内外开发现状 2

1.4 开发目标 2

2 关键技术简介 4

2.1 Vue框架 4

2.2 Node.js介绍 4

2.3 Javascript介绍 4

2.4 Element UI介绍 4

3 系统分析 6

3.1 可行性分析 6

3.1.1 技术可行性 6

3.1.2 运行可行性 6

3.1.3 经济可行性 6

3.2 安全性分析 6

3.3 需求分析 6

3.3.1 功能需求分析 6

3.3.2 数据需求分析 8

4 系统设计 9

4.1 系统架构设计 9

4.2 功能模块设计 9

4.2.1 注册登录模块设计 9

4.2.2 首页模块设计 10

4.2.3 购物车模块设计 10

4.2.4 发布求购模块设计 11

4.2.5 个人中心模块设计 12

4.3 数据库设计 13

5 系统实现 17

5.1 用户登录 17

5.2 用户注册 17

5.3 首页 18

5.4 购物车 20

5.5 发布/求购 21

5.6 个人中心 22

5.7 商品详情 24

5.8 结算 25

5.9 帮助与购买指南 26

6 系统测试 27

结  论 29

致  谢 30

参考文献 31