前端nodejs+vue+ElementUi山区儿童衣物捐赠系统

主要针对网站的设计，描述，实现和分析与测试方面来表明开发的过程。开发中使用了ssm框架和MySql数据库技术搭建网站的整体架构。利用这些技术结合实际需求开发了具有系统首页，个人中心，用户管理，衣服分类管理，衣物捐赠管理，捐赠订单管理，衣服展示管理，领取订单管理，分配订单管理，系统管理等功能的网站，最后对网站进行相应的测试，测试网站有无存在问题以及测试用户权限来优化网站，最后网站达到预期目标。
运行软件:vscode
前端nodejs+vue+ElementUi
语言 node.js
框架：Express/koa
前端:Vue.js
数据库：mysql
开发软件：VScode/webstorm/hbuiderx均可

该系统将采用B/S结构模式，使用Vue和ElementUI框架搭建前端页面，后端使用Nodejs来搭建服务器，并使用MySQL，通过axios完成前后端的交互 

用户首次使用网站，需要按照系统提示来注册账号，若未按系统要求填写，系统回有提示错误，比如联系方式（邮箱、电话）和密码（6位数）格式错误，则提示用户输入信息格式存在错误，用户可以重新填写个人信息直至输入格式正确，即跳出注册成功弹窗。用户在注册网站时除了填写账号密码，还需要填写个人邮箱，电话等联络方式和姓名。人信息（邮箱、电话号码、姓名）可以在“个人中心”页面里修改。用户注册成功后可以直接用注册时的账号密码登录。
管理员登录要将角色选成管理员，用户登录要将角色选成用户。登录时需要输入随机生成的四位验证码。
 
用户登录界面菜单栏有 捐赠衣物 申请领取衣物 个人中心 退出登录 

点击衣物捐赠，进入衣物捐赠页面。
选择衣物码数 码数有下拉列表选择（100cm（25-30斤） 110cm(30-37斤) 120cm(37-45斤) 130cm（45-56斤） 140cm（56-68斤） 150cm（68-80斤） 160CM（80-100斤））

衣服种类有下拉列表可选择（短袖 毛衣 卫衣 外套 短裤 牛仔裤 棉裤）

上传衣物图片时间用日期选择器（年月日） 衣物地址（手动输入精确到区/镇）

衣物详情说明（手动输入）点击提交按钮 提示提交成功，自动跳回首页
点击右上角首页可以返回登录首页界面

关键字：山区儿童衣物捐赠网； 
目    录

1  概    述    5
1.1 研究背景    5
1.2 研究意义    5
1.3 研究内容    5
2  关键技术介绍    7
 
3  网站分析    10
3.1 可行性分析    10
3.1.1经济可行性    10
3.1.2技术可行性    10
3.1.3运行可行性    10
3.2 网站功能分析    10
3.3流程设计    12
3.3.1程序流程图设计    12
3.3.2添加信息流程图设计    12
3.3.3删除信息流程图设计    13
4  网站的设计    14
4.1 网站总功能模块设计    14
4.2 网站数据库设计    15
4.2.1 数据库网站概要设计    15
4.2.2 E-R模型结构设计    15
4.3数据表设计    17
5  网站的实现    26
5.1网站功能实现    26
5.2后台模块实现    28
5.2.1管理员模块实现    28
5.2.2用户后台管理实现    31
6网站测试    33
6.1网站测试的目的    33
6.2软件测试过程    33
6.3测试用例    34
结论    36
致谢    37
参考文献    38