电子商务网站设计(2017).docx

《电子商务网站设计(2017).docx》由会员分享，可在线阅读，更多相关《电子商务网站设计(2017).docx（40页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、电子商务网站设计 课 程 设 计 指 导 书适用专业：电子商务景德镇陶瓷大学科技艺术学院二一七年三月电子商务网站设计课程设计指导书一、适用对象电子商务本科专业二、课程设计指导教师张双杰、孙强、段金华、郭灵、吴有琴三、课程设计目的电子商务网站设计课程设计作为独立的教学环节，是学习完网页制作与设计、数据库原理与应用与web程序设计课程后开展的集中实践环节，是对电子商务网站设计能力的一次全面综合练习。其目的在于加深对电子商务网站设计基础理论和基本知识的理解，掌握运用软件工程理论进行系统分析、设计的基本方法，提高解决实际问题、开发电子商务应用系统的实践能力。同时课程设计应充分体现“教师指导下的以学生为

2、中心”的教学模式，以学生为认知主体，充分调动学生的积极性和能动性，重视学生自学能力的培养。四、实验预备知识1、计算机基础操作2、数据库应用程序设计3、WEB程序设计3、电子商务网站设计的基本概念、原理、方法五、课程设计内容及要求 （一）课程设计要求要求使用设计工具开发一个中、小型电子商务应用系统项目。1、根据课程设计时间和指导教师给出的参考选题，选择适当设计课题。2、根据合理的进度安排，按照系统开发的流程及方法，踏实地开展课程设计活动。3、课程设计过程中，要充分认识课程设计对培养自己的重要性，认真做好设计前的各项准备工作；要虚心接受老师的指导，又要充分发挥主观能动性。结合课题，独立思考，努力钻

3、研，勤于实践，勇于创新；要严格要求自己，树立严肃、严密、严谨的科学态度，必须独立按时、按质、按量完成课程设计，不得弄虚作假，不准抄袭他人内容，否则成绩以不及格计。4、根据选题的具体需求，在开发各环节中撰写相关的技术文档: 需求说明书、系统分析报告、系统设计报告，最后要求提交详细的课程设计报告。要求文档结构较完整、内容切合实际。设计报告用A4纸打印，字迹清楚，页面整洁，并装订成册。字数不低于5000，且用语正确。5、课程设计过程中能够与人合作，尽力完成本人的任务，工作量适中，有个人见解和心得。6、开发出可以运行的电子商务系统，通过上机检查。7、课程设计完成后，要求提交完整的设计文档和设计源代码。

4、 （二）课程设计内容按照1-2人分组，每个小组确定一个选题，由小组合作完成课程设计，要求限时、分工明确、工作量适中。课程设计主要内容如下： 1、项目规划和需求分析 2、系统分析及文档编制：电子商务系统总体结构图，数据流图，系统流程图,用例图，时序图，类图等3、系统设计及文档编制：各功能结构设计与实现4、系统实施与评价(三)可参考选题（不限于下列选题、可以自拟题目，题目相似，功能和风格不同也可）1、在线毕业论文指导系统的规划与建设2、某陶瓷艺术网站的设计与实现3、陶院论坛（BBS）的设计与实现4、XX班校友录的设计与实现5、知识分享网站（仿百度百科/知道）的设计与实现6、某企业信息门户设计7、基

5、于第三方支付的网上支付设计与实现（基于虚拟物品的实时在线支付和交付）8、在线的拍卖系统9、陶瓷学院报电子杂志网站的设计10、陶院校内电子商务平台(仿淘宝)的设计11、景德镇高技术企业管理局电子政务网站设计12、陶瓷学院图片(或视频)分享网站设计13、科技艺术学院远程教育网站设计14、陶院餐饮点餐外卖系统的设计与实现15、在线考试系统设计六、课程设计的组织与管理1、遵守实验室制度，不迟到，不早退。学生有事必须请假。课程设计期间，无故缺席按旷课处理；缺席时间达四分之一以上者，其成绩按不及格处理。2、每次实验前，检查实验准备情况，没有做好准备的同学不允许做实验。3、实验采用分组的办法进行。4、遵守实

6、验室的其它各项管理制度。5、上机实验过程中，如仪器设备出现异常，及时向实验指导教师汇报，实验中心设备人员参与进行处理。七、课程设计的考查由指导教师根据学生完成课程设计任务的情况（包括电子商务系统的设计与开发实际工作情况40%、课程设计报告的质量30%和课程设计过程中的工作态度30%）综合打分。成绩评定实行优秀、良好、中等、及格和不及格五个等级。优秀者人数一般不得超过总人数的20%等级划分：优90分、良80分、中70分、及格60分和不及格60分。八、课程设计报告撰写要求课程设计报告撰写的基本要求是报告原则上不少于5000字，具体格式要求见附录二，且其正文至少包括如下几个方面的内容：1、系统概述

7、2、系统分析总体结构图、用例图、业务流程图、数据流程图、时序图、类图等3、系统设计与实现功能结构图设计、流程设计、数据库设计、输入与数出设计、代码设计、程序设计说明书 4、系统实施系统使用说明、模拟运行数据与运行结果5、参考文献 九、实验进程安排 具体时间安排见课程设计安排表十、源码与素材参考网站http:/www.wangjie.org/附录一：面向对象系统分析方法的设计实例景德镇陶瓷大学科技艺术学院网站设计课程设计 2CW阅读空间的设计与实现学 号： 201230334107 姓 名： 陈朝伟 专业班级： 12电子商务 指导教师：张双杰、孙强、段金华、郭灵、吴有琴完成日期： 2016年5月

8、8日 目 录1 系统概述21.1开发背景21.2开发目的和意义22 系统分析32.1基本需求分析32.2功能需求分析32.2.1主页模块需求分析32.2.2阅读模块需求分析42.2.3用户管理模块42.2.4书籍管理模块和新闻管理板块43 网站详细设计43.1数据库设计43.2功能设计63.2.1前端主页面设计63.2.2用户板块设计和书架设计93.2.3验证码设计123.2.4评论功能设计代码133.2.5后台主页面设计143.2.6后台登录设计163.2.7后台书籍管理模块设计173.2.8后台友情链接管理模块设计193.2.9后台新闻管理模块设计203.2.10后台用户管理模块设计224

9、 网站使用说明244.1安装说明244.1.1 xampp lite5.2.2的安装244.1.2 网站的安装说明244.2前台使用说明244.3后台使用说明28设计总结32致 谢33参考文献342CW阅读空间的设计与实现1 系统概述1.1开发背景现如今，世界正在经历一场革命性的变化。正在全球展开的信息和信息技术革命，正以前所未有的方式对社会变革的方向起着决定作用，其结果必定导致信息社会在全球的实现。具体表现为，首先，在生产活动的范围广泛的工作过程中，引入了信息处理技术，从而使这些部门的自动化达到一个新的水平；其次，电讯与计算机系统合而为一，可以在几秒钟内将信息传递到全世界的任何地方，从而使人

10、类活动各方面表现出信息活动的特征；最后，信息和信息机器成了一切活动的积极参与者，甚至参与了人类的知觉活动、概念活动和原动性活动。在此进展中，信息、知识正在以系统的方式被应用于变革物质资源，正在替代劳动成为国民生产中“附加值”的源泉。这种革命性不仅会改变生产过程，更重要的是它将通过改变社会的通讯和传播结构而催生出一个新时代、新社会。在这个社会中，信息、知识成了社会的主要财富，信息、知识流成了社会发展的主要动力，信息、情报源成了新的权力源。随着信息技术的普及，信息的获取将进一步实现民主化、平等化，这反映在社会政治关系和经济竞争上也许会有新的形式和内容，而胜负则取决于谁享有信息源优势。信息和信息技术

11、的本质特点，在社会和经济发展方面也必将带来全新的格局。无论是生活中的，还是工作中的，信息时代已经充斥着我们的生活。对比以前，我们的音乐要用唱片播放，而现在，音乐已经转化为数字信息脱离了介质；我们的信息传递，需要用纸书写，人工传递，而现在，电子邮箱的普遍，使得大江南北的通讯，只需几秒钟而已；曾经，我们需要的一切，都可以用网络，用信息所替代。在信息化时代的背景下，将曾今的一切都变得如此便捷，如此简单。信息化时代提高了生活周边的一切，网络成为了信息传递的中介。1.2开发目的和意义如今，阅读是每个人生来一定会做的事。随着时代的发展，知识的重要性，奠定了全民阅读成为倡导的主题的基础。加上互联网的发展，信

12、息化的时代兴起，网络阅读，成为了人们生活中的一部分。网络阅读新闻，网络阅读书籍，等等，都是阅读的一部分。网络阅读是一种有别于传统纸张阅读的新型阅读方式，此种阅读方式的兴起、发展有赖于互联网的发展。网络阅读的特别是无纸张限制、无携带保存障碍、方便、节约资源。图书保存于网络，一点即可阅读，不用案头堆积如山，耗费巨大木材资源。为了让人们不再为书籍寻找而奔波，不知道想阅读什么书而烦恼，书籍的资源不多而感慨。因此建立一个2CW网络阅读空间，实现一个完整的书籍阅读功能网站，提供给读者一个良好的阅读环境。2 系统分析2.1基本需求分析2CW阅读网站需要基本的书籍添加，书籍章节添加，书籍管理等功能，实现一个书

13、籍以及书籍章节上传，同时，也要有书籍封面，因此，上传文字和图片功能是比不可少的。2CW阅读网站还需要实现用户的登录功能，注册功能，添加书架，删除书架上的书，翻页功能，还有滚屏功能，和搜索功能。让用户在注册之后享有书架功能。同时，还需要一个管理员登录界面，管理员管理的后台界面。管理书籍添加书籍，在后台实现操作。2CW阅读空间，实现一个基本完整的阅读网站的体系，可修改多样化背景，修改字体大小以及字体颜色等功能。给与用户完整的阅读体验。图2.1整体框架构建图2.2功能需求分析2.2.1主页模块需求分析主页模块中，首先需要有新用户注册按钮，还有用户登录按钮。让用户可以注册，并且登录。其次用户可能在整个

14、网页会实行全局搜索，所以搜索功能会在主页中出现，在导航标题之上。接着主页需要导航，导航中需要有不同的书籍分类，同时要有转页链接。网站的推荐栏有书籍的推荐，同时有封面。主页推荐不宜过多，因为封面图会占据整个网站的页面，所以，主页的推荐书4本左右，不光是首页推荐一栏，还应有热门推荐或者是专栏推荐等等推荐。让用户有更多的选择。同时需要一个公告栏，通知一些消息。使得消息能及时推送给用户。2.2.2阅读模块需求分析阅读模块是书籍点开后，章节的选择，以及读书时的一些功能选择。当用户点开一本书籍后，进入的是章节选择，进入章节后就开始阅读了。阅读需要一些功能的辅助，首先需要有标题，告诉用户，现在看的书籍是什么

15、名字，第几章。其次需要有工具改变字体的样式，黑体，楷体等选择，改变字体的颜色，大小，滚屏的快慢，背景颜色，宽度等功能。在页面的底部，还有上一章，下一章的按钮和章节目录的选择。如果是登录的用户发现这本书好看，还可以将其加入书架，所以在网站的底部应加上加入书架的按钮。2.2.3用户管理模块用户需要加入书架，就需要登录，需要登录就必然需要注册，所以注册页面也是必不可少的。注册需要用户名，用户密码，确认密码，验证码，实现注册。这些都不能为空值，空值需要提示。验证码也需要填写正确才能注册成功。登录页面要填写注册好的用户名，注册密码与验证码。验证码是为了防止一些机器恶意登录，恶意注册，导致系统瘫痪。管理员

16、登录只需要用户名和用户密码就行了。管理员享有用户的管理权限，所以，管理可以删除或更改用户信息，修改用户名和密码等操作。2.2.4书籍管理模块和新闻管理板块阅读网站的主要板块就是书籍管理板块，书籍管理板块实现的功能主要分为书籍分类管理，书籍管理，书籍章节管理。书籍分类管理就是在主网页上的导航功能，在书籍分类中实现，创建一个分类，导航上就生成一个类别。可以更改，可以添加，可以删除。同时书籍的分类也可以选择是否成为导航。书籍管理，就是添加，删除，修改书籍。书籍的章节管理是建立在书籍之上的，书籍只有添加成功后才能添加，删除，修改章节。新闻管理板块与书籍管理一致，拥有添加，删除，修改等功能。3 网站详细

17、设计3.1数据库设计数据库设计如下表：表3.1管理员表admin字段名数据类型长度键备注adminidint10PRI主键UsernameVarchar32管理员登录名PasswordVarchar32管理员登录密码Createtimeint10创建时间UpdatetimInt11修改时间LastlogintimeInt10最后登录时间表3.2书籍表book字段名数据类型长度键备注BookidInt10PRI主键TitleVarchar100书名AuthorVarchar32作者CidInt10栏目TypeTinyint1小说类型ImgurlVarchar200封面图SummaryVarcha

18、r255简介RecommendlevelTinyint2后台推荐等级HitsInt10点击数ChaptercountInt11章节数.表3.3书籍分类表category字段名数据类型长度键备注CategoryidInt10PRI主键TitleVarchar100书籍类别名称ShorttileVarchar100书籍英文名或者拼音名CreatetimeInt10创建时间UpdatetimeInt10更新时间.表3.4友情连接表friend_link字段名数据类型长度键备注Friend_linkidInt10PRI主键TitleVachar1000站点名ImgurlVarchar200站点LOGO

19、LinkurlVarchar500站点地址.3.5新闻表news字段名数据类型长度键备注NewsidInt10PRI主键TitleVarchar100新闻标题AuthorVarchar32作者KeywordsVarchar100关键字SummaryVarchar255简介HitsInt10点击数.3.6用户名user字段名数据类型长度键备注UseridInt10PRI主键UsernameVarchar30用户登录名PasswordVarchar32用户登录密码CreatetimeInt10创建时间UpdatetimeInt11更新时间LastlogintimeInt10最后登陆时间.3.7用户

20、书架表user_book_favorites字段名数据类型长度键备注User_book_favoriteidInt10PRI主键TitleVarchar100小说名称BookidInt10小说编号.3.2功能设计3.2.1前端主页面设计设计框架组成图图3.1前端主页设计元素组成图用户浏览网页流程图图3.2浏览网页流程图主页面实现代码部分布局内容：导航代码：baseUrl/首页 *foreach Category:getMenus() as $menu* *assign var=url value=$this-createUrl(category/index, title = $menu.sho

21、rttitle)* *$menu.title* */foreach* novel_menu name=top_menu id$item-title /novel_menu新闻板块实现： 好看的$category-title新闻列表 foreach $list as $item id target=_blank$item-title$item-createtime|date_format:%m-%d) /foreach * 分页 * $page 书籍推荐板块实现： novel_book limit=4 idimgurl alt=$item-title width=120 height=150 /

22、 $item-authorid$item-title $item-summary /novel_book.最新入库书籍 novel_book limit=30 order=createtime desc $item-category-titleid$item-title$item-author /novel_book3.2.2用户板块设计和书架设计登录流程图3.3登录流程图用户登录部分实现代码：pageTitle = 用户登陆 . - . Yii:app()-name;/$this-breadcrumbs=array(/Login,/);? renderPartial(/layouts/fla

23、sh-message); ? beginWidget(bootstrap.widgets.TbActiveForm, array( id=login-form, type=horizontal, enableClientValidation=true, clientOptions=array( validateOnSubmit=true, ), ); ? textFieldRow($model,username); ? passwordFieldRow($model,password,array( hint= , ); ? widget(bootstrap.widgets.TbButton,

24、array( buttonType=submit, type=primary, label=登陆, ); ? endWidget(); ? 注册流程图3.4注册流程图注册部分代码实现：pageTitle = 用户注册 . - . Yii:app()-name;/$this-breadcrumbs=array(/Login,/);? renderPartial(/layouts/flash-message); ? beginWidget(bootstrap.widgets.TbActiveForm, array( id=login-form, type=horizontal, enableCli

25、entValidation=true, clientOptions=array( validateOnSubmit=true, ), ); ? textFieldRow($model,username); ? passwordFieldRow($model,password,array( hint= , ); ? passwordFieldRow($model,repassword,array( hint= , ); ?widget(CCaptcha); ? checkBoxRow($model,rememberMe); ? widget(bootstrap.widgets.TbButton,

26、 array( buttonType=submit, type=primary, label=注册, ); ? endWidget(); ?我的书架部分代码实现： 我的书架/if foreach $list as $item bookid target=_blank$item-titlebook-lastchapterid target=_blank$item-book-lastchaptertitle($item-book-lastchaptertime|date_format:%m-%d)$item-book-authorid)删除 /foreach 热门图书榜单 novel_book l

27、imit=50 order=recommendlevel asc id$item-title$item-author /novel_book * 分页 * $page 3.2.3验证码设计验证码使用流程图图3.5验证码流程图验证码部分实现代码： textFieldRow($model,verifyCode, array( hint = $this-widget(CCaptcha, array( buttonLabel = 看不清楚？换一个, showRefreshButton = true, /clickableImage = true, ), true), ); ?3.2.4评论功能设计代码 title) ) echo $commentbook-title; else echo 本书尚有评论; ? 评论者名称: username ? content ? div style=text-align:right