1、
电子商务系统分析与设计课程设计说明书
32
资料内容仅供参考，如有不当或者侵权，请联系本人改正或者删除。
电子商务系统分析与设计课程设计
系统设计说明书
课程设计题目: 校园网店网上购物系统
专 业 班 级: 电子商务0701
学 生 姓 名: 吴正慧
学 号: 050
2、5055
指 导 教 师: _________ 王廷蔚____
12 月 24 日
目录
一 概述 3
1.1编写目的 3
1.2,参考资料 4
二 需求概述 4
2.1 系统需求 4
2.2 功能需求 4
2.3 性能需求 5
三 程序开发的技术基础 5
3.1 HTML语言 5
3.2 JAVASCRIPT语言 6
3.3 ASP技术 6
3.3.1 ASP概述 6
3.3.2 ASP特点 7
3.3.3 ASP工作原理 7
3.3.4 ASP的发布 8
3.4
3、数据库原理 9
3.4.1 SOL语言简单介绍 9
3.4.2 ADO技术介绍 9
3.4.3 Access数据库 10
3.5 浏览器/服务器(Browser/Server)体系结构 10
四 结构设计 11
4.1 平台功能模块的设计 11
4.1.1系统设计的总体规则 11
4.1.2 系统流程分析 12
五 网站数据库设计 13
5.1 网站数据库需求分析 13
5.2 数据库逻辑结构设计 15
六 界面设计与实现 15
6.1 前台显示与会员管理 15
6.1.1 主界面设计与实现 15
6.1.2 登陆页面设计与实现 15
6.1.3 会员个人管理设
4、计与实现 16
6.2 后台设计与实现 16
6.2.1 登陆界面设计 16
6.2.2 后台管理主界面设计与实现 16
6.2.3 网站设置设置实现 16
6.2.4 商品管理设计与实现 17
6.2.5 人员管理设计与实现 17
6.2.6 其它管理设计与实现 18
6.3 查询功能的实现 18
七 设计总结 19
校园网店网上购物系统
一 概述
随着网络技术的普及以及快速的发展, 网页成为媒体传播的一个重要途径, 人们在经过网页浏览、 查询想要知道了解的信息, 经过这样一个途径, 我们足不出户就能够了解天下事, 做我们以前不能在家做的事。在互联网服务业务方面:
5、 网上购物系统、 电子邮件、 搜索引擎、 网上银行、 在线交易、 网络广告、 网络新闻、 网络游戏等服务业务依然快速的发展着。
网上购物系统在人们的生活中已经不可或缺, 在电脑中实现商品的交易, 大大减少了不少时间, 网上购物以它独特的方便、 快捷、 高效而深受广大用户的喜爱。当前大型的系统如: 淘宝网、 易趣等成为网上购物系统的经典。
近年来, 随着Internet的迅速崛起, 互联网已日益成为收集提供信息的最佳渠道并逐步进入传统的流通领域。于是电子商务开始流行起来, 越来越多的商家在网上建起在线商店, 向消费者展示出一种新颖的购物理念。
网上订购系统作为B2B,B2C(Busines
6、s to Customer,即企业对消费者),C2C(Customer to Customer,即消费者对消费者)电子商务的前端商务平台,在其商务活动全过程中起着举足轻重的作用。本文旨在讨论如何建设B2C的网上购物系统。
网上购物是一种具有交互功能的商业信息系统。它向用户提供静态和动态两类信息资源。所谓静态信息是指那些比经常变动或更新的资源, 如公司简介、 管理规范和公司制度等等; 动态信息是指随时变化的信息, 如商品报价, 会议安排和培训信息等。网上购物系统具有强大的交互功能, 可使商家和用户方便的传递信息, 完成电子贸易或EDI交易。这种全新的交易方式实现了公司间文档与资金的无纸
7、化交换。
1.1编写目的
编写此需求分析报告, 实现校园范围内的成员在互联网上进行新产品展示, 网上通信留言功能, 重点实现网上商品的查找、 在线购买功能。实现普通用户只能浏览, 注册用户能够在线定购, 后台管理人员能够进行产品上传更新、 注册用户的管理等功能。
现在流行的网上购物系统不但要有漂亮的网页, 更要有严谨的规划。每一个细小的环节都和重要。这样才能使得在电子交易时避免不必要错误发生。我们将使用HTML、 ASP等技术来编辑网页, 并运用ASP技术把数据库和动态网页相关联。传统的管理信息系统信息获取方法是由专业文字录入人员将信息输入到管理系统的数据库中,这种方法在数据量不大时有很
8、多的应用场合。当数据量比较大,而且有较强的专业性时,录入的费用和出错的可能性都相应上升。本文在实际应用开发中解决方案是建立网站, 以及自己的数据库, 使得所需商品信息能够及时的保存、 更新。能够更好的及时了解商品买卖的情况。
1.2,参考资料
［1］ 淘宝网:
［2］ 阿里巴巴:
［3］ 网络程序设计——ASP( 第二版) 作者: 尚俊杰 北京大学信息技术系列教材
［4］ Dreamweaver 8+ASP动态网站开发实例精讲 作者: 倪洪球 人民邮电出版社
［5］ 郭安源编著, PHP开发实例完全剖析, 中国电力出版社, 。
［6］ 仲进平, 寿加炎等编著,PHP
9、MYSQL网络开发技术,人民邮电出版社 , 。
二 需求概述
2.1 系统需求
网上购物系统系统主要包括三大功能模块, 用户管理、 管理员管理、 搜索功能模块。其中用户管理模块, 主要包括用户注册、 用户信息( 个人信息修改、 订单查看、 收藏管理、 积分管理、 购物车管理) 功能; 管理员对网站的设置( 网站基本设置、 送货方式、 支付方式) 、 商品管理( 大类管理、 小类管理、 商品添加、 商品信息、 订单管理) 、 人员管理( 注册用户、 管理员) 、 其它管理( 新闻、 公告) 的功能。; 搜索主要包括( 商品名称、 商品类别、 价格等) 。
2.2 功能需求
经过前期
10、的深入调查和研究, 总结出该系统需要完成的一些具体功能, 分析如下:
1) 、 用户管理 能够完成用户基本信息录入的注册和用户基本信息的个人前台与后台管理。
2) 、 管理员管理 能够完成管理员对网站的设置( 网站基本设置、 支付方式) 、 商品管理( 大类管理、 小类管理、 商品添加、 商品信息、 订单管理) 、 人员管理( 注册用户、 管理员) 、 其它管理( 新闻、 公告) 的功能。
3) 、 搜索功能 能过电子商品的名称, 电子商品的分类进行搜索。
4) 、 查询功能 能够经过查看购物车对所选商品进行确定、 挑选, 经过定单查询对支付费用进行确定。
2.3 性能需求
11、
1) 硬件环境
处理器: Inter Pentinm 3 或更高
内存: 128MB
硬盘: 2GB
2) 软件环境
操作系统: Window 98/ /XP/ME
数据库: Microsoft Access
系统工具: IIS 5.0
开发工具: Macromedia Dreamweaver 8、 Macromedia Fireworks 8
三 程序开发的技术基础
3.1 HTML语言
HTML( Hyper Text Markup Language 超文本标记语言) 是一种用来制作超文本文档的简单标记语言。与常见的字处理文件不同,W
12、eb页以超文本标识语言编排格式。HTML文件是带有特定HTML插入标记的用以编排文档属性和格式的标准文本文件。它能独立于各种操作系统平台( 如UNIX, WINDOWS等) 。自1990年以来HTML就一直被用作World Wide Web上的信息表示语言, 用于描述Homepage的格式设计和它与WWW上其它Homepage的连结信息。
HTML文档( 即Homepage的源文件) 是一个放置了标记的ASCII文本文件, 一般它带有. html或. htm的文件扩展名。生成一个HTML文档主要有以下三种途径:
( 1) 手工直接编写( 例如用你所喜爱的ASCII文本编辑器或其它
13、HTML的编辑工具) 。
( 2) 经过某些格式转换工具将现有的其它格式文档( 如WORD文档) 转换成HTML文档。
( 3) 由Web服务器( 或称HTTP 服务器) 一方实时动态地生成。
一般的HTML页面具有如下的结构:
〈html〉
,<base>,<link>,<is index>,<meta>
</head>
<body>
这是HTML正文部分
〈/body〉
</html>
可见在一个HTML网页文件中, 一般必须有一对〈html〉</html</p><p style='padding:5px 0px;'>14、>标记作为文件的开头和结尾, 在<html>标记后是头部标记<head></head>,其后是实体标记<body></body>。
3.2 JAVASCRIPT语言
JAVASCRIPT脚本语言脚本是应用程序在网页上表示的语言,能够将脚本嵌入Web页中。一般脚本在服务器上运行,但也能够采用客户端和服务器端结合使用JAVASCRIPT脚本语言。
3.3 ASP技术
3.3.1 ASP概述
ASP( Active Sever Pages动态网页) 是微软公司推出的一种用以取代CGI(Common Gateway Interface)技术。当前, Internet上的许多基于Win</p><p style='padding:5px 0px;'>15、dows平台的Web站点已开始应用ASP来替换CGI。
ASP是一个位于服务器端的脚本运行环境。经过这种环境, 用户能够创立和运行动态的交互式Web服务器应用程序, 如交互 式动态网页, 包括使用HTML 表单收集和处理信息、 上传与下载等。 一般情况下, 用户经过浏览器看到的网页大多是静态的, 当前Internet上的许多站点, 依然提供”静态”( static) 的主页内容。所谓”静态”, 是指站点的主页内容是”固定不变”的。一个”静态”的站点, 若要更新主页的内容, 必须手动更新其 HTML的文件数据。而随着Web技术的发展, 用户希望能够看到根据要求而动态生成的主页, 例如响</p><p style='padding:5px 0px;'>16、应用户查询数据库的要求而生成报表等。站点服务器收到要求执行的应用程序, 分析表单( form) 的输入数据, 将执行的结果以HTML的格式传送给浏览器。根据用户请求生成动态主页的传统方法有CGI、 ISAPI等。
CGI是根据浏览器端的http请求激活响应进程, 每一个请求对应一个进程。当同时有很多请求时, 程序挤占系统资源, 造成效率低下。ISAPI针对这一缺点进行了改进, 利用dll( 动态链接库技术) , 以线程代替进程, 提高了性能和速度, 但要考虑线程的同步问题, 而且开发步骤烦琐。这两种技术和另一普遍使用的开发动态网页的技术 Java都还存在着另外一个问题, 那就是开发困难, </p><p style='padding:5px 0px;'>17、程序的开发和HTML写作是两个完全不同的过程, 需要专门的程序员开发。ASP使用的ActiveX技术基于开放设计环境, 用户能够自己定义和制作组件加入其中, 使自己的动态网页几乎具有无限的扩充能力, 这是传统的CGI等程序所远远不及的地方。
3.3.2 ASP特点
ASP具有易用性、 兼容性、 安全性、 可扩充性等特点:
易用性: 使用VBScript、 JavaScript等简单易学的脚本语言, 结合HTML代码, 即可快速地完成网站的应用程序。无须编译、 容易编写, 可在服务器端直接执行。使用普通的记事本既能够进行编辑设计。
兼容性: ASP能与任何ActiveX语言相容, 除</p><p style='padding:5px 0px;'>18、了可使用 VBScript、 JavaScript等语言设计外, 经过plug-in的方式, 还能够使用第三方所提供的其它脚本语言。
安全性: ASP的源代码不会被传到客户浏览器, 从而避免了缩写的源程序被她人剽窃, 从而提高了程序的安全性。
可扩充性: 能够使用 Visual Basic、 Java、 Visual C++和 COBOL等编程语言来编写所需的服务器控件。
3.3.3 ASP工作原理
ASP与常见的在Client端实现动态主页的技术如Java applet、 ActiveX Control、 VBScript、 JavaScript等不同, ASP中的命令和 </p><p style='padding:5px 0px;'>19、 Script语句都是由服务器来解释执行的, 执行结果产生动态生成的Web页面并送到浏览器; 而Client端的Script命令则是由浏览器来解释执行。由于 ASP是在服务器端解释执行, 开发者能够不必考虑浏览器是否支持ASP, 也不必担心别人下载程序从而窃取编程逻辑。ASP程序经过后缀名为asp的ASP文件来实现其功能, 一个asp文件相当于一个可执行文件, 因此必须放在Web服务器上有可执行权限的目录下。当用户从浏览器输入了asp文件的地址后, 浏览器就将这个URL请求发给Web服务器。如果Web服务器上装ASP, 就调用ASP, ASP读出相应asp文件, 解释并执行命令, 动态生成一</p><p style='padding:5px 0px;'>20、个HTML页面回传Web服务器, 然后Web服务器把结果发送给浏览器。ASP文件的制作和HTML类似, 且可和HTML开发集成, 能够在同一个过程完成, 利用ASP将能够执行的脚本嵌入到HTML文件中, 这使得HTML文件的编写与脚本的开发融合在一起。经过ASP内置的对象、 服务器组件( Sever Component) 能够完成非常复杂的任务, 而且用户还能够自己开发或利用别人开发的服务器组件完成专门的任务。
ASP与网关及服务器扩展模式相比有以下优点:
( 1) 完全与HTML文件融合在一起;
( 2) 容易创立, 不需要其它编译、 链接程序;
( 3) 面向对象的并经</p><p style='padding:5px 0px;'>21、过ActiveX Sever对象可扩展。
在电子商务中, 对用户而言, 进行网上信息查询的目的是寻找自己需要的产品或服务, 而对于服务提供者来说, 其目的则是向用户推销自己的产品或服务。因此, 让用户经过浏览器查询服务的后端数据是许多Web服务提供者必须提供的服务, ASP经过内置的ADODB组件来实现这一功能。能够使用ADO去编写紧凑简明的脚本, 以便连接到ODBC兼容的数据库和OLE DB兼容的数据源。
3.3.4 ASP的发布
当编辑好ASP文件后, 必须发布后才能实现其功能, ASP文件本身并不能运行。我们用Windows自带的工具IIS( windows XP) 来发布</p><p style='height:0px;padding:0;overflow:hidden'>22、ASP文件。( Windows 98用PWS发布)
IIS的配置在本次设置中相当重要, IIS是我们测试网站的一个平台, 在ASP开发中, 少不了使用IIS, 本设置使用的是WINDOW XP 中的 IIS 5.1 。操作如下:
1、 点击”开始”à”设置”à”控制面版”à”管理工具”à”Internet 信息服务”, 打开IIS配置控制面版。
2、 点击进入”网站”à”默认网站”, 然后右键”属性”, 弹出”默认网站 属性”对话框。
3、 在”默认网站 属性”对话框中选择”主目录”, 选择你存放网页的文件夹, 其它值默认。
4、 选择”文档”选项卡, 添加自己网页默认</p><p style='height:0px;padding:0;overflow:hidden'>23、的文件名, 如”index.asp”。
经过上述操作, 你的IIS基本上就配置好了, 如过你要访问, 你能够直接输入以下IP: , 您的网站就能在浏览器中显示信息或错误信息了。
3.4 数据库原理
3.4.1 SOL语言简单介绍
SQL是英文Structured Query Language的缩写, 意思为结构化查询语言。
SQL语言的主要功能就是同各种数据库建立联系, 进行沟通。按照ANSI( 美国国家标准协会) 的规定, SQL被作为关系型数据库管理系统的标准语言。SQL语句能够用来执行各种各样的操作, 例如更新数据库中的数据, 从数据库中提取数据等。
当前,</p><p style='height:0px;padding:0;overflow:hidden'>24、 绝大多数流行的关系型数据库管理系统, 如Oracle、 Sybase、 Microsoft SQL Server、 Access等都采用SQL语言标准。虽然很多数据库都对SQL语句进行了再开发和扩展, 可是包括Select、 Insert、 Update、 Delete、 Create 以及Drop在内的标准的SQL命令依然能够被用来完成几乎所有的数据库操作。
在众多的SQL命令中, select语句应该算是使用最频繁的。select语句主要被用来对数据库进行查询并返回符合用户查询标准的结果数据。select语句中位于select关键词之后的列名用来决定哪些列将作为查询结果返回。用</p><p style='height:0px;padding:0;overflow:hidden'>25、户能够按照自己的需要选择任意列, 还能够使用通配符”*”来设定返回表格中的所有列。
select语句中位于from关键词之后的表格名称用来决定将要进行查询操作的目标表格。
除了上面所提到的运算符外, LIKE运算符在where条件从句中也非常重要。LIKE运算符的功能非常强大, 经过使用LIKE运算符能够设定只选择与用户规定格式相同的记录。
3.4.2 ADO技术介绍
ADO( ActiveX Data Objects) 技术是微软公司推出的数据库连接技术, 运用该技术能够对各种数据库( 如SQL Server、 Access、 Oracle及Sybase等) 的链接、 查询、 </p><p style='height:0px;padding:0;overflow:hidden'>26、存取等操作。
ADO对象给开发人员提供一种快捷、 简单、 高效的数据库访问方法, ADO能够包含在脚本中来产生对数据库的连接, 并从数据库表中读取数据, 形成实际要使用的对象集合。而且, 对于数据资源, 提供了应用程序一级的界面。不过, ADO并不与数据资源直接通信, 而是经过称为OLE DB的中间界面, 对于数据资源( Microsoft SQL Server) , OLE DB提供了系统一级的界面。
ADO是一组优化的访问数据库的对象集, 为Web数据库开发者提供完整的网站数据库解决方案。ADO能够与ASP紧密结合, 运行在服务器端, 从而制作出功能完善的数据库网页。ADO除了支持各</p><p style='height:0px;padding:0;overflow:hidden'>27、种数据库平台外, 它还支持VB、 VC和Script等多种程序设计语言。
在利用ADO技术进行数据库网页制作的第一步就是要建立服务器端的数据库, 即后台数据库, 一般可选择SQL Server或者Access作为后台数据库。本次的毕业设计是以Access作为后台数据库。
3.4.3 Access数据库
Access是一个数据库管理系统, 它之因此被集成到Office中而不是Visual Studio中, 是因为它与其它的数据库管理系统( 如Visual FoxPro) 相比更加简单易学, 一个普通的计算机用户即可掌握并使用它。而且最重要的一点是, Access的功能足够强大, 足以应</p><p style='height:0px;padding:0;overflow:hidden'>28、付一般的数据管理及处理需要。
Access能够实现建立数据库、 报表, 以及对数据库、 报表的修改、 查询等功能。 VBScript 和JavaScript 等脚本语言融合在一起的技术。
3.5 浏览器/服务器(Browser/Server)体系结构
浏览器/服务器(Browser/Server)模式构成的三层网络结构, 使前端具有统一标准的浏览器用户界面, 服务器端集中了大部分应用软件的开发管理, 而且系统开发能够使用任何脚本语言(如Perl,JavaScript,VbScript等), 后端能够存取任何数据库, 其B/S模式的一般结构如下图1.2.1所示:
图1.2.1 B/</p><p style='height:0px;padding:0;overflow:hidden'>29、S模式结构图
在三层结构中, Web服务器起着核心的作用。服务器主要经过运行网络操作系统、 网络应用程序并经过网络接口来实现其功能。实现Web的交互, 需要在服务器的操作系统上运行Web站点服务程序, 例如, Website,IIS, PWS等。不同的操作系统要求不同的Web服务器程序配合使用。一般情况下, 服务器端采用微软Windows类操作系统IIS(Internet Information Service)或PWS(Personal Web Server)的结合。
鉴于ASP程序运行的可靠性、 兼容性及易用性等因素, 本系统选用微软的IIS5.1架设Web服务器。
四 结构设计
</p><p style='height:0px;padding:0;overflow:hidden'>30、4.1 平台功能模块的设计
4.1.1系统设计的总体规则
网上购物平台主要是对后台管理和前台操作。后台管理是管理员对本网站的维护, 经过商品资料( 添加大类、 添加小类、 商品添加、 商品审查) 、 商品交易( 处理订单、 发货查询) 、 会员管理( 会员审查) 、 操作管理( 管理员添加、 管理员审查、 管理员退出) 等功能达到对网站的管理。前台操作是用户登录到本网站, 能够进行用户注册, 经过网站的新品速递、 商品热卖、 商品分类或电子商品搜索功能, 找到自己想要买的书, 装入购物车, 提交定单进行购买。
无论哪个网站都要有它自己的设计规则。该校园网店也一样, 它的主要设计规则有: </p><p style='height:0px;padding:0;overflow:hidden'>31、
简单性: 在实现平台的功能的同时, 尽量让平台操作简单易懂, 这对于一个网站来说是非常重要的。
针对性: 该平台设计是网上购物系统及后台管理的定向开发设计, 因此具有专业突出和很强的针对性。
实用性: 该平台能完成电子商品展示和管理员管理的基本信息, 具有良好的实用性。
网上购物系统总体模块:
添加小类
添加大类
商品添加
管理员添加
新闻公告发布
管理员退出
人员管理
新闻管理
网站设置
商品管理
商品管理
订单管理
会员管理
注册会员
找回密码
会员信息
个人信息设置
订单查看
收藏管理
积分管理
购物车
用户管理
管理</p><p style='height:0px;padding:0;overflow:hidden'>32、员管理
网上购物系统
图4.1.1 网上购物系统总体模块
4.1.2 系统流程分析
本系统分为前台购物流程和后台订单处理流程
浏览商品
选择商品
订购商品
未注册用户
登陆用户
未登陆用户
购物车
去收银台
确认提交订单
登陆
注册
图4.1.2.1 前台购物流程图
用户订单
审查订单
订单发货
订单删除
图4.1.2.2 后台购物流程图
登录入口
取得用户名和密码
将UserID存入cookies中
查询用户是否存在
密码是否正确
登录成功
是
是
否
否
图4.1.2.3 用户登录流程图
</p><p style='height:0px;padding:0;overflow:hidden'>33、商品管理
修改, 删除
满意否
操作成功
添加商品
是
否
图4.1.2.4 商品管理流程图
五 网站数据库设计
5.1 网站数据库需求分析
网上购物系统的主要对象是用户, 因此必须建立用户表, 包括用户的基本信息情况; 用户的主要活动是对商品的购买, 因此必须建立商品信息表; 用户对商品的购买, 选择所要的商品, 首先得对商品进行搜索, 因此我们把商品进行分类, 进行大类和小类的划分, 建立商品类别表和商品类别细分表; 最后用户提交定单, 建立定单表。
经过分析, 此数据库包含如下表:
Admin_login: 管理员帐号管理, 有管理员帐号和密码构成。
</p><p style='height:0px;padding:0;overflow:hidden'>34、
图5.1.1 管理员数据表
Commodity: 存储商品的基本信息。
图5.1.2 商品管理数据表
News: 新闻及公告的管理。
图5.1.3 新闻公告数据表
SetMoney: 付款方式。
图5.1.4 支付方式数据表
User: 会员用户管理, 用于管理用户的基本信息。
图5.1.5 会员数据表
5.2 数据库逻辑结构设计
数据库设计要遵循一些规则, 一个好的数据库满足一些严格的约束和要求。尽量分离各实体对应的表, 一个实体对应一个表, 搞清楚该实体有哪些属性, 对应有些什么字段, 以及各实体之间有何种联系。实体、 属性与联系</p><p style='height:0px;padding:0;overflow:hidden'>35、是进行概念设计时要考虑。
六 界面设计与实现
6.1 前台显示与会员管理
6.1.1 主界面设计与实现
前台主要分为信息显示( 如商品信息、 商品分类、 商品资讯等) 和会员管理( 如会员注册、 购物车、 修改会员信息、 会员订单等) 。信息显示供会员查看与订购。每个前台界面都分为上、 下、 左、 右四个版块。上为top.asp主要是设置网站的logo、 网站导航条等, 调用的方法也是<!--#include file=”conn.asp”-->; 下为脚注, 主要显示网站的版权、 联系信息; 左为辅助工具( 如登陆框、 排行榜、 分类) ; 右为具体操作与显示的版块。
6.1.2</p><p style='height:0px;padding:0;overflow:hidden'>36、 登陆页面设计与实现
登陆界面提供给浏览者登陆、 注册、 找密码的入口。
登陆成功后, 系统将把用户的ID等信息经过cookies存起来。返回是就是经过cookies的值来判断会员是否登陆。只有退出或关闭界面时, cookies的值才回清空。如图6.1.2 (b)。
6.1.3 会员个人管理设计与实现
会员登陆后, 能够经过登陆框以及头部进入到会员中心, 会员中心包括( 我的信息修改、 我的个人订单、 个人收藏、 积分管理、 退出登陆) 。
6.2 后台设计与实现
6.2.1 登陆界面设计
后台只能给管理员进入使用, 因此要严格控制访问的权限。进入后台要有登陆界面, 登</p><p style='height:0px;padding:0;overflow:hidden'>37、陆采用账号、 密码、 验证码、 MD5四步验证。
验证经过后, 页面将转到后台管理的主界面。
6.2.2 后台管理主界面设计与实现
主界面分为左右两版块, 左边是菜单设置, 右边是具体操作模块。
菜单分为网站设置、 商品管理、 人员管理、 其它管理四部分。下面将一一介绍。
6.2.3 网站设置设置实现
网站设置包括网站设置、 密码修改、 送货方式、 支付方式是部分。网站设置为网站的基本设置, 如名称、 logo图、 地址等网页信息。这些信息能够显示在页面的下方几头部; 密码修改针对管理用户的密码修改, 属于人员管理的一部分; 送货方式存放的是给会员发货的几种方式, 由</p><p style='height:0px;padding:0;overflow:hidden'>38、会员选择, 如果不是自己来领取, 当然还要支付一定的邮费; 支付方式是会员对商品支付的一种途径, 能够经过银行, 也能够经过个人帐户你的预存。
送货方式管理界面:
图6.2.3.3 送货方式管理界面
支付方式管理界面:
图6.2.3.4 支付方式管理界面
6.2.4 商品管理设计与实现
商品管理的内容如图6.2.4所示:
图6.2.4 商品管理及其相关操作
商品管理主要管理商品的基本信息, 分类管理以及订单管理。管理商品的基本信息包括商品的添加、 修改、 删除功能, 主要就是信息的录入中设置; 分类管理有大类小类的区分, 大类包括了小类, 小</p><p style='height:0px;padding:0;overflow:hidden'>39、类组成大类, 当添加商品是, 两个类都会录入到数据库中; 订单管理主要有订单的处理, 包括删除和发货。该版块是后台管理的最基本的版块。
6.2.5 人员管理设计与实现
人员管理包括两个小类: 注册会员管理和后台用户管理, 如图6.2.5.1所示:
图6.2.5.1 人员管理及其相关操作
注册用户管理能够设置会员的状态以及对基本信息的修改; 后台用户管理对管理员进行操作, 添加、 修改、 删除、 改密码。
注册用户管理界面:
图6.2.5.2 注册用户管理界面
6.2.6 其它管理设计与实现
界面如图6.2.6.1所示:
图6.2.6.1 其它</p><p style='height:0px;padding:0;overflow:hidden'>40、管理及其相关操作
商店商品会有信息发布, 新闻管理能够帮助用户了解更多的新闻资讯, 管理员在后台发布信息, 前台就能够访问。新闻管理中有分有新闻和公告; 退出后台主要是清空管理员登陆是存下来的session信息。
新闻管理界面:
图6.2.6.2 新闻管理界面
6.3 查询功能的实现
查询工具如图6.3所示:
图5.4 查询及其相关操作
查询功能为了方便用户和管理员迅速找到所要查找的商品而设置的一个页面, 其设计思想是根据要提供的关键字、 以什么查询、 价格来查询, 其中关键字和查找方式不能为空, 价格能够不选, 如果价格不选, 就是不以价格来查</p><p style='height:0px;padding:0;overflow:hidden'>41、询。
七 设计总结
本次设计已经能够实现系统的运行, 设计到这里就告一段落, 在系统投入运行中还要不断改进、 不断完善。在实践中接受考验, 才能检验出更出众的系统。网上开店对安全性的要求是相当高的, 这需要服务器和系统本身要有一定的免疫能力。在开发过程中, 我总结了以下几点多系统安全造成影响的因素:
1、 服务器本身的设置。服务器本身就存在许多不安全的因素, 这也要求管理人员不断对系统更新、 打补丁, 如若不然, 后果是很严重的;
2、 系统代码设置。在代码设计过程中, 太多暴露出数据库的信息, 也会造成系统危机的一个因素;
3、 代码注入。这是网页中常见的一种漏洞, 破坏者</p><p style='height:0px;padding:0;overflow:hidden'>42、利用一些关键字进行代码的注入;
4、 登陆控制。网页中有的页面只有特定的状态才能进入, 比如后台, 如没有控制登陆的话, 谁都能够进入您的后台, 后果也可想而知。
5、 上传控制。这也是网页中常见的漏洞, 人们利用上传的漏洞, 上传一些获取服务器信息的远程软件或代码, 相信您的网站将面临大难。
以上就是我对网站安全的一点认识, 其实在我们设计的过程或日常生活中, 只要稍微留意别的作品等, 都能意思到上述的漏洞。关键就要我们去掌握它们, 控制她们, 保障我们网站安全。
经过本次设计, 进一步加深了我们对WEB的结构的认识, 对ASP和IIS构建网站的体系有这更深的认识、 理解。这对以后的就业工作是很有帮助的。
</p>
</div>
</div>
<span id="LabelScript"></span>
<script src="https://m.zixin.com.cn/JS/bootstrap-collapse.js"></script>
<div class="siteInner_bg" style="margin-top: 40px; border: solid 0px red; margin-left: 0px; margin-right: 0px;">
<div>
<div style=" margin: auto; overflow:hidden;
text-align: center;">
<script>
var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?6e2a21bc68316db308b5fdc9a0d11f2e";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script>
</div>
<div style=" height:80px; margin: auto; overflow:hidden;
text-align: center;">
<a target="_blank"
href='https://m.zixin.com.cn/ADMiddle.aspx?t=92ULKnFRa/o='>
<img src="https://www.zixin.com.cn/FileUpload/Images/81dd1a0b-02e3-435a-aa37-fbfccae9a83d.gif" width="100%" height='80'
alt="移动网页_全站_页脚广告1" />
</a>
</div> </div>
<div class="siteInner">
<p style="white-space: normal; text-align: center;"><a href="https://www.zixin.com.cn/h-33.html" target="_blank" title="关于我们" textvalue="关于我们"><span style="text-align: center;">关于我们</span></a> <span style="text-align: center;"> </span><a href="https://www.zixin.com.cn/h-37.html" target="_blank" title="便捷服务" textvalue="便捷服务">便捷服务</a> <span style="text-align: center;"> </span><a href="https://ai.zixin.com.cn/" target="_blank" title="自信AI" textvalue="自信AI">自信AI</a> <span style="text-align: center;"> </span><a href="https://gpt.zixin.com.cn/" target="_blank" title="AI导航" textvalue="AI导航">AI导航</a> <a href="https://www.zixin.com.cn/info/266.html" target="_blank" title="抽奖活动" textvalue="抽奖活动">抽奖活动</a></p><p style="white-space: normal; text-align: center;"><span style="color: rgb(153, 153, 153); font-family: 微软雅黑, 宋体, Arial; font-size: 12px; text-align: center; background-color: rgb(248, 248, 248);"></span><span style="text-align: center;">©2010-2026 宁波自信网络信息技术有限公司 </span><span style="text-align: center;"> </span><span style="text-align: center;">版权所有</span></p><p style="white-space: normal; text-align: center;"><span style="text-align: center;"><span style="text-align: center;"><span style="text-align: center;"><span style="text-align: center;">客服电话：<span style="text-wrap: wrap;">0574-28810668</span> <span style="text-align: center;">投诉</span>电话：18658249818</span></span></span></span></p><p style="white-space: normal; text-align: center;"><span style="text-align: center;"><img src="https://www.zixin.com.cn/FileUpload/ueditor_s/upload/2022-6/9/6379033271755225397249870.png" title="gongan.png" alt="gongan.png"/></span><a href="http://www.beian.gov.cn/portal/index.do" target="_blank" textvalue="浙公网安备33021202000488号">浙公网安备33021202000488号</a> </p><p style="white-space: normal; text-align: center;"><img src="https://www.zixin.com.cn/FileUpload/ueditor_s/upload/2022-7/4/6379256265460890686562879.png" title="icp.png" alt="icp.png"/><a href="http://beian.miit.gov.cn/" target="_blank" textvalue="浙ICP备2021020529号-1">浙ICP备2021020529号-1</a> <span style="text-align: center;"> | </span> <a href="https://dxzhgl.miit.gov.cn/dxxzsp/xkz/xkzgl/resource/qiyesearch.jsp?num=%E5%AE%81%E6%B3%A2%E8%87%AA%E4%BF%A1%E7%BD%91%E7%BB%9C%E4%BF%A1%E6%81%AF%E6%8A%80%E6%9C%AF%E6%9C%89%E9%99%90%E5%85%AC%E5%8F%B8&type=xuke" target="_blank" title="浙B2-20240490" textvalue="浙B2-20240490">浙B2-20240490</a><span style="text-align: center;"> </span></p><p style="white-space: normal; text-align: left;"><span style="text-align: center; font-family: 楷体, 楷体_GB2312, SimKai; font-size: 20px;">关注我们</span><span style="text-align: center;"> ：<a href="https://www.zixin.com.cn/news/113.html" target="_blank"><img src="https://www.zixin.com.cn/FileUpload/ueditor_s/upload/2022-7/9/6379298231429297878483475.png" title="微信公众号" alt="微信公众号"/></a></span><span style="text-align: center;"> <a href="https://www.zixin.com.cn/news/113.html" target="_blank"><img src="https://www.zixin.com.cn/FileUpload/ueditor_s/upload/2022-7/5/6379257739400583672497521.png" title="抖音" alt="抖音"/></a> <a href="https://weibo.com/zixinnetwork" target="_blank" style="color: rgb(217, 83, 79); text-align: center; white-space: normal;"><img src="https://www.zixin.com.cn/FileUpload/ueditor_s/upload/2022-7/5/6379257739400583672497523.png" title="微博" alt="微博"/></a> <a href="https://zixinnetwork.lofter.com/" target="_blank"><img src="https://www.zixin.com.cn/FileUpload/ueditor_s/upload/2022-7/5/6379257740834991205479163.png" title="LOFTER" alt="LOFTER"/></a> </span></p>
</div>
</div>
<div style="position: fixed; bottom: 100px; right: 15px; z-index: 100000000000000000;">
<a href="https://work.weixin.qq.com/kfid/kfcb5dffb1386b26424"><img src="https://www.zixin.com.cn/FileUpload/Images/c1022425-c464-4203-b6dc-db237b2252d5.gif" style="width:36px" alt="客服"/></a>
</div>
<div class="trnav clearfix" id="navcontent" style="display: none; background-color:#3a71b1; ">
<div class="trlogoside" id="navlogo" style="display: none;">
<a href="https://m.zixin.com.cn/" title="咨信网"><img src="https://www.zixin.com.cn/FileUpload/Images/c4280cd2-fe62-449e-aeca-027ef73439f5.png" alt="咨信网"></a>
<div class="trnavclose" id="navclose">
<span></span>
</div>
</div>
<div class="navcontainer">
<div class="row">
<ul class="nav navbar-nav trnavul headercontent" id="navigation" style="margin:20px 0 0px;">
<li><a target="_parent"href="https://m.zixin.com.cn/login.aspx">登录</a></li>
<li><a target="_parent"href="https://m.zixin.com.cn/">首页 </a></li>
<li><a target="_parent"href="https://m.zixin.com.cn/booklist-0.html">分类 </a></li>
<li><a target="_parent"href="https://m.zixin.com.cn/infos.html">学堂 </a></li>
<li><a target="_parent"href="https://m.zixin.com.cn/newslist.html">公告 </a></li>
<li><a target="_parent"href="https://m.zixin.com.cn/h-0.html">帮助中心 </a></li>
</ul>
</div>
</div>
</div>
<script type="text/javascript">
function stopPropagation(e) {
var ev = e || window.event;
if (ev.stopPropagation) {
ev.stopPropagation();
}
else if (window.event) {
window.event.cancelBubble = true;//兼容IE
}
}
$("#navmore").click(function (e) {
$("#navcontent").show();
$("#navlogo").show();
stopPropagation(e);
var navcontentwidth = $("#navcontent").width();
$('#navcontent').css({ 'right': '-' + navcontentwidth + 'px' });
$("#navcontent").show().animate({ "right": 0 }, 300);
});
$(document).bind('click', function () {
var navcontentwidth = $("#navcontent").width();
$("#navcontent").animate({ 'right': '-' + navcontentwidth + 'px' }, 300, function () { $("#navcontent").hide(); });
$("#navlogo").fadeOut(300);
});
$("#navcontent").click(function (e) {
stopPropagation(e);
});
$("#navclose").click(function (e) {
var navcontentwidth = $("#navcontent").width();
$("#navcontent").animate({ 'right': '-' + navcontentwidth + 'px' }, 300, function () { $("#navcontent").hide(); });
$("#navlogo").fadeOut(300);
});
</script>
<script>
function BaseShare(title, desc, imgUrl) {
var link = "https://m.zixin.com.cn/docdown/4639772.html";
if (wx) {
wx.config({
debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
appId: 'wx49d3b0cb6fb382c4', // 必填，公众号的唯一标识
timestamp: '1771772062', // 必填，生成签名的时间戳
nonceStr: '34173CB38F07F89DDBEBC2AC9128303F', // 必填，生成签名的随机串
signature: '5092fd5f1750b24f409f8454625c65650b63c06f',// 必填，签名，见附录1
jsApiList: ['onMenuShareAppMessage', 'onMenuShareTimeline', 'updateAppMessageShareData', 'updateTimelineShareData', 'hideMenuItems'] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
//openTagList: ["wx-open-launch-weapp"]//H5打开小程序
});
wx.ready(function () { //需在用户可能点击分享按钮前就先调用
wx.hideMenuItems({// 要隐藏的菜单项，只能隐藏“传播类”和“保护类”按钮，所有menu项见附录3
menuList: ['menuItem:share:qq', 'menuItem:favorite', 'menuItem:share:QZone', 'menuItem:share:email', 'menuItem:originPage', 'menuItem:readMode', 'menuItem:delete', 'menuItem:editTag', 'menuItem:share:facebook', 'menuItem:share:weiboApp', 'menuItem:share:brand']
});
var shareData = {
title: title, // 分享标题
desc: desc,//这里请特别注意是要去除html
link: link, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
imgUrl: imgUrl, // 分享图标
};
wx.updateAppMessageShareData(shareData);//1.4 分享到朋友
wx.updateTimelineShareData(shareData);//1.4分享到朋友圈
});
}
}
function BaseShare(title, desc, imgUrl, link) {
if (link=="")
link = "https://m.zixin.com.cn/docdown/4639772.html";
if (wx) {
wx.config({
debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
appId: 'wx49d3b0cb6fb382c4', // 必填，公众号的唯一标识
timestamp: '1771772062', // 必填，生成签名的时间戳
nonceStr: '34173CB38F07F89DDBEBC2AC9128303F', // 必填，生成签名的随机串
signature: '5092fd5f1750b24f409f8454625c65650b63c06f',// 必填，签名，见附录1
jsApiList: ['onMenuShareAppMessage', 'onMenuShareTimeline', 'updateAppMessageShareData', 'updateTimelineShareData', 'hideMenuItems'] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
//openTagList: ["wx-open-launch-weapp"]//H5打开小程序
});
wx.ready(function () { //需在用户可能点击分享按钮前就先调用
wx.hideMenuItems({// 要隐藏的菜单项，只能隐藏“传播类”和“保护类”按钮，所有menu项见附录3
menuList: ['menuItem:share:qq', 'menuItem:favorite', 'menuItem:share:QZone', 'menuItem:share:email', 'menuItem:originPage', 'menuItem:readMode', 'menuItem:delete', 'menuItem:editTag', 'menuItem:share:facebook', 'menuItem:share:weiboApp', 'menuItem:share:brand']
});
var shareData = {
title: title, // 分享标题
desc: desc,//这里请特别注意是要去除html
link: link, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
imgUrl: imgUrl, // 分享图标
};
wx.updateAppMessageShareData(shareData);//1.4 分享到朋友
wx.updateTimelineShareData(shareData);//1.4分享到朋友圈
});
}
}
</script>
<!--footer-->
<footer class="footer">
<a target="_parent" class="footer-item" href="https://m.zixin.com.cn/">
<img class="footer-item-img" src="/Master/img/tabbar/home.png" alt="首页" />
<div class="footer-item-txt ">首页</div>
</a>
<a target="_parent" class="footer-item" id="classify" href="https://m.zixin.com.cn/bookmap.html">
<img class="footer-item-img" src="/Master/img/tabbar/category.png" alt="分类" />
<div class="footer-item-txt ">分类</div>
</a>
<a target="_parent" class="footer-item" id="case" href="https://m.zixin.com.cn/zhuantilist-.html">
<img class="footer-item-img" src="/Master/img/tabbar/case.png" alt="专题" />
<div class="footer-item-txt ">专题</div>
</a>
<a target="_parent" class="footer-item" id="my" href="https://m.zixin.com.cn/UserDefault.aspx">
<img class="footer-item-img" src="/Master/img/tabbar/my.png" alt="我的" />
<div class="footer-item-txt ">我的</div>
</a>
</footer>
<script>
$(document).ready(function () {
var arr = $(".headercontent");
for (var i = 0; i < arr.length; i++) {
(function (index) {
var url = "https://m.zixin.com.cn/header.aspx";
$.get(url + "?tp=0&t=" + (new Date()).valueOf(), function (d) {
try {
arr.eq(index).empty().html(d);
} catch (e) { }
try {
arr.html(d);
} catch (e) { }
});
})(i);
}
});
</script>
<script src="https://m.zixin.com.cn/js/jquery.lazyload.js"></script>
<script charset="utf-8">
$("img.lazys").lazyload({
threshold: 200,
effect: "fadeIn"
});
</script>
</body>
</html>