# 程序设计综合实践-电子商务 **Repository Path**: shaddocktree/chengxusheji ## Basic Information - **Project Name**: 程序设计综合实践-电子商务 - **Description**: No description available - **Primary Language**: ASP - **License**: Not specified - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 0 - **Created**: 2021-06-17 - **Last Updated**: 2021-06-20 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README 华东理工大学2020—2021学年 第二学期 《程序设计综合实践》课程论文 2021.06 学号： 19001562 姓名： 李金坤 班级： 计193 开课学院：信息科学与工程学院 任课教师：冷春霞 成绩： 论文题目：电子商务网站系统的设计及实现 论文要求： 1. 系统开发技术概述 系统应用的程序语言及数据库的概述。 2. 需求分析及功能模块概述 结合题目要求分析系统的功能需求，给出模块架构图，并简要描述不同模块的功能。 3. 数据库设计（表结构） 介绍系统有几张表，每张表的结构信息。 4. 系统功能设计 分别介绍每个模块是如何实现的（写出具体的实现步骤），画出每个模块核心算法的流程图，并给出核心代码的截图。 5. 系统结构 系统包含的所有文件及相应说明。 6. 系统实现 介绍系统实现结果，页面截图。 7. 总结及展望 系统完成的功能总结及学习到的技术小结，展望未来可扩展什么功能。 教师评语： 考核点 目标值 考核结果 选择研究路线，设计实验方案；系统功能模块、数据库表结构、界面设计；系统演示。 （指标点4.2） 60 课程论文描述了系统开发全周期全流程方法和技术、设计目标和设计方案，了解影响设计目标和技术方案的各种因素，课程论文结构合理、论述准确、总结及展望的描述深刻。（指标点3.1） 40 合计 100 教师签字： 日期： 年 月 日 电子商务网站系统的设计及实现 计193（19001562）李金坤 摘要：随着网络与快递业务的不断发展，网购已渐渐融入到人们日常生活中，并越来越成为人们生活中必不可少的重要活动。论文阐述了整个网上购物系统的设计与实现，首先是数据库表结构的设计，采用MySQL数据库；然后是网站基本框架的搭建，通过ASP开发动态页面，进行总体的分模块的布局；之后是网站基本功能的设计与实现，如注册，登录，购买商品，搜索商品等，采用VBscript，JavaScript等技术；最后是利用css进行网站界面的美化，增强可用性。 关键词：购物网站，ASP，MYSQL数据库，HTML+CSS+JavaScript+VBScript 1 引言 1.1 电子商务网站的发展 它作为一种新兴的购物方式，以方便，快捷，低廉等优点，受到人们越来越多的青睐。几年间，网上购物悄悄走进你我中间，“网购”这个新名词已经不知不觉渗透进人们的日常生活中，而且越来越影响着人们特别是年轻人的生活方式。 而随着网络购物的物流配送问题就在持续的改进，网络支付手段的不断改进升级，整个电子商务环境中的交易可信度，物流配送和支付等方面的瓶颈也正在逐步打破。电子商务与网络购物已经俨然成为当今时代最为主流的一种商业模式。 1.2 课题内容 本次设计开发的是一个网上购物系统。使用ASP开发动态页面，后台数据库使用MySQL。前台页面使用VBScript，JavaScript效果提供用户更佳的订餐体验，提高网站的交互性。系统分为超级会员与普通用户，普通用户可以注册为超级会员，浏览商品、选购菜品到购物车，下订单，但是不能享受折扣。以超级会员身份登录后具有普通用户的所有权限，并且可以享受折扣。后台管理员可以管理订单、商品、用户信息。 2 开发技术 2.1 ASP ASP即动态服务器页面（active server pages），可用来创建动态交互式网页并建立强大的web应用程序，其特点是将VBscript或者javascript嵌入到HTML中。而所谓动态网页，就是说该网页文件不仅含有HTML标记，而且含有程序代码，这种网页的扩展名一般根据不同的程序设计语言而不同，如asp文件后缀为.asp。 2.2 MYSQL数据库 MySQL是一种关系型数据库管理系统，关系数据库将数据保存在不同的表中，而不是将所有数据放在一个大仓库内，这样就增加了速度并提高了灵活性。MySQL所使用的SQL语言是用于访问数据库的最常用的标准化语言，一般中小型网站的开发都选择MySQL作为网站数据库。 3 需求分析 3.1 系统功能需求分析 电子商务系统是由ASP和数据库管理系统组成的信息系统，本电子商务系统能够在网上为用户提供一些各地鲜花与咖啡的选购外送服务，用户可以在线浏览系统提供的各种商品信息，也可以在线订购所需的鲜花与咖啡。 本网上购物系统提供以下6个方面的服务。 (1)前台系统为用户提供登录注册的服务； (2)前台系统为用户提供浏览商品的服务； (4)前台系统为用户提供选购菜品的服务； (5)后台管理系统为后台管理员提供订单管理服务（修改订单状态)； (6)后台管理系统为后台管理员提供用户管理服务（修改基本信息)； (7)后台管理系统为后台管理员提供商品信息管理的服务（修改、增加和删除)。 3.2 系统功能模块 电子商务系统的功能模块图如图3-1所示。本系统包含前台系统和后台管理系统。 图3-1 网上订餐系统功能模块图 4 数据库设计 本系统采用MySQL数据库系统，设计了一个名为mall的数据库用于存储数据。根据系统的功能需求，在数据库中建立了5个数据表，分别是用户表、商品表、购物车表、订单表和管理员表。 （1） 用户表（userinfo）。用于保存用户的注册信息，如表4.1所示。 （2） 商品表（flower）。用于保存商品（咖啡与鲜花）信息，如表4.2所示。 （3） 购物车表（cart）。用于保存各用户购物车信息，如表4.3所示。 （4） 订单表（dingdan）。用于保存各用户订单信息，如表4.4所示。 （5） 管理员表（admininfo）。用于保存管理员注册信息，如表4.5所示。 表4.1用户表（usersinfo）表 字段名称 数据类型 长度 允许空 说明 ID_USER Int 4 no 用户ID（唯一） UserName Varchar 255 no 用户名 UserPwd Varchar 255 no 密码 Gender Varchar 255 no 性别 TelNumber Varchar 255 No 联系电话 Address Varchar 255 no 地址 VIP Varchar 4 yes 超级会员认证 表4.2商品表（flower） 字段名称 数据类型 长度 允许空 说明 ID_FLOWER Int 4 no 商品ID（唯一） NAME Varchar 255 no 商品名 PLACE Varchar 255 no 商品产地 PRICE Float 10 no 商品价格 IMAGE Varchar 255 no 商品图片 DESCRIPTION Varchar 255 no 商品描述 CATEGORY Varchar 255 no 商品类别 DISCOUNT FLOAT 10 no 商品折扣 表4.3购物车表（cart） 字段名称 数据类型 长度 允许空 说明 NAME Varchar 255 no 商品名 USERNAME Varchar 255 no 购买者名 ID_USER Int 4 no 购买者ID SINGLEP Float 10 no 商品单价 NUMBER Int 4 no 购买数量 TOTALP Float 10 no 折扣前总价 TOTALD Float 10 no 折扣后总价 表4.4订单表（dingdan） 字段名称 数据类型 长度 允许空 说明 UserName Varchar 255 no 购买者名 Address Varchar 255 no 收货地址 TelNumber Varchar 255 no 联系电话 Goods Varchar 10 no 购买商品 TotalP Double 10 no 应付总价 Zhekou Double 10 no 折扣 Time Varchar 255 no 下单时间 表4.5管理员表（admininfo） 字段名称 数据类型 长度 允许空 说明 ADNAME Varchar 255 no 管理员名称 PASSWARD Varchar 255 no 管理员密码 5 系统功能设计 5.1 注册流程 注册流程：用户输入用户名，密码，联系电话，地址，性别，生日（选填）和验证码，之后对输入信息进行检验，若验证码错误或者必填信息项为空,则弹窗提醒并返回注册界面，如果用户名与数据表userinfo中UserName重复，则同样弹窗提醒并返回。检验未出错，则将用户信息存入数据表userinfo并跳转至登陆界面，如图5-1。 图5-1用户注册流程 5.2 登录流程 登入流程：用户输入用户名与密码，在数据表usersinfo中进行查询操作，如果记录存在则登入成功，在cookie中记录用户信息，首页刷新登入模块的页面，显示cookie中的登入用户名及对应性别，如图5-2。 图5-2用户登录流程 5.3 购物流程 购物流程：将商品表内商品展示在购物界面，用户在选定的商品下输入购买数量，点击按钮添加到购物车中，同时选购者的用户名，商品基本信息保存到购物车表（cart）在购物车中可对选购的商品做最后的变更筛选，之后如图5-3。 而选择商品的方式有搜索框搜索, 按类别展示, 按价格顺序展示三种方式。 图5-3购物流程 5.4 管理员注册与登录流程 管理员注册与登录流程：管理员登录，注册与用户登录，注册实现原理相同，从admininfo表中核对输入的管理员名与密码是否匹配，注册功能部分多了一个管理员密匙验证。如图5.4所示。 图5-4-1管理员注册流程 图5-4-2管理员登录流程 5.5 用户管理流程 用户管理流程：读取用户表userinfo,将所有用户信息展示在网页上, 在操作栏点击可实现对用户会员状态的更改,并更新到用户表与该页面 5.6 订单管理流程 订单管理流程：读取订单表dingdan，可查看所有用户的所有订单信息。在操作栏点击后可对选择的订单进行删除操作，并更新到订单表与该页面。 5.7 商品管理流程 商品管理流程：读取商品表flower,将所有商品信息展示，总体展示页面可以通过点击操作栏，进行对商品的删除，操作结果更新到商品表与该页面；商品添加页面可实现对表中商品的补充更新。 6 系统结构 整个网站系统包括33个文件，具体如下： （1）数据库连接 数据库连接文件 conn.asp （2）后台界面 商品展示列表 admin/goodslist.asp 商品添加列表 admin/goodsadd.asp 用户管理列表 admin/user.asp 订单管理列表 admin/order.asp 管理员注册 admin/adregister.asp 管理员登录 admin/adlogin.asp （3）后台服务 商品添加 admin/goodsinsert.asp 商品删除 admin/goodsdelete.asp 订单删除 admin/orderdelete.asp 用户状态更改（是否为vip）admin/userupdate.asp 管理员注册提交（检验信息合法性与管理员表更新） admin/adrdeal.asp 管理员登录提交（核对信息与跳转至新页面） admin/adlogin_deal.asp 管理员退出登录 admin/logout.asp （4）前台界面 首页（介绍我自己） myself/index.html 用户登录 user/login.asp 用户注册 user/register.asp 商品展示（可实现查询，分类，排序，翻页） shop/shoppage.asp 商品详情 shop/information.asp 购物车展示 cart/cart.asp 订单展示 cart/cart 付款 cart/pay.html （5）前台服务 添加商品到购物车并更新 shop/insert.asp 清空购物车 cart/del_cart.asp 下订单（清空购买者购物车并更新订单表） order/order_deal.asp 用户注册提交（信息合法性检验与用户表添加） user/deal.asp 用户登录登入（核对信息与跳转至购物页面） user/login_deal.asp （6）安全验证 验证码 yzma.asp 哈希映射存储密码 md5.asp （7）页面样式设计 登录页面 login.css 注册页面 newregister.css 购物页面 shop.css “关于我”页面 myself/style.css&script.js 7 系统实现 7.1 用户注册界面 **如图7-1所示。 图7-1用户注册 7.2 用户登录页面 **如图7-2所示。 图7-2用户注册界面 7.2 商品展示页面 **如图7-3所示。 图7-3-1（普通会员）商品界面 图7-3-2（超级会员）商品界面 7.3 购物车添加成功提醒页面 **如图7-3所示。 图7-3购物车添加成功提醒页面 7.4 购物车页面 **如图7-4所示。 图7-4-1（超级会员）购物车界面 图7-4-2（普通会员）购物车界面 7.5 订单生成提醒页面 **如图7-5所示。 图7-5订单生成提醒界面 7.6 订单页面 **如图7-6所示。 图7-6-1订单界面 图7-6-2订单界面 7.7 支付页面 **如图7-7所示。 图7-7支付界面 7.8 管理员注册页面 **如图7-8所示。 图7-8管理员注册界面 7.9 管理员登录页面 **如图7-9所示。 图7-9管理员登录界面 7.10 后台商品列表页面 **如图7-10所示。 图7-10后台商品列表界面 7.11 后台商品添加页面 **如图7-11所示。 图7-11后台商品添加页面 7.12 后台用户管理页面 **如图7-12所示。 图7-12后台用户管理界面 7.13 后台订单管理页面 **如图7-13所示。 图7-13后台订单管理界面 7.14 “关于我”页面（文字动态更新） **如图7-14所示。 图7-14-1我的名字 图7-14-2我的学号 图7-14-3我的班级 7.15 商品详情页面（文字动态更新） **如图7-15所示。 图7-15商品详情 8 总结与展望 经过两个多月的忙碌，整个系统开发完成，基本达到了课题要求。实现了如下功能 1.用户的注册，并添加性别的选择，生日的选择 2.用户的登录，并添加随机生成验证码 3.商品显示，并有商品详情的链接 4.商品显示界面翻页功能，每页展示5个商品 5.数据库中存储了我喜欢的商品（鲜花和咖啡） 6.“关于我们”页面，以动态更新的文字形式展示我的姓名，班级，学号 7.所有购物页面都会在头部显示“超级/普通会员”+“用户名”+“先生/女士” 8.商品模糊查询功能（输入商品名或产地等的部分信息即可查得） 9.设置普通会员与超级会员（初始注册均为普通会员，由管理员在后台页面进行升级），超级会员享受会员价（原价*折扣） 10.购物成功，订单界面的支付按钮会链接到微信付款二维码界面。 11.购物车与订单界面显示“实际应付”与“折扣总计”。 12.购物车界面有该用户所选购商品的图片，名称，数量，单价，折扣等信息，点击“提交订单”按钮会生成订单并清空购物车，点击“清空购物车”会删除该用户购物车内信息。 13.商品排序功能，能按照商品原价格（折扣未计入）进行升序或降序展示 14.商品分类，实现“鲜花”与“咖啡”两类商品 15.网站后台系统，实现了用户管理，商品管理与订单管理。 基于已有的成果，预计未来可以努力实现的功能： 1. 用户对于商品的评论功能。 2. 买家与卖家的线上沟通功能。 3. 商品热度推荐，根据数据库中订单数量统计。 4. 相似商品推荐，根据用户搜索内容。 5. 更加全面的商品筛选功能。 我个人的学习小结 初步学习了网站搭建的流程，认识到了对于一个项目来说，项目管理甚至比项目具体实现更加重要，一开始我的文件都放在一个文件夹，到最后堆成山的文件实在很不容易理清相互之间的关系。然后就是知识技术层面上的，在不断的errors与调试中，逐步对html和css有了比较清晰的认识与基本的应用能力，对VBscript和JavaScript的应用有了一定的掌握。同时也熟悉了数据库的应用与sql语言。 参考文献 [1] 尚俊杰，网络程序设计ASP(第3版). 北京：清华大学出版社出版社，2009 [2] 周化钢. 移动web应用开发教程—html5+JavaScript框架全栈app开发. 北京：清华大学出版社，2018