1、本科毕业设计题 目 聊城同城家居网网 站开发设计与实现 专 业 软件工程 作者姓名 学 号 单 位 计算机学院 指导教师 年 月教 务 处 编聊城大学本科毕业设计1目 录前 言 .11.开发工具 .11.1 asp 技术简介 .11.2 sql 简介 .11.3 设计应用技术简介 .22. 需求分析 .32.1 网站系统开发的目标 .42.2 技术支持 .52.2.1 html 概述 .52.2.2 客户端/服务器端脚本简介 .53. 系统设计 .73.1 可行性分析 .73.2 系统功能模块划分 .83.3 数据流 程图 .93.4 数据库设计 .114.系统实现界面 .154.1 系统主界
2、面的设计 .154.2 注册页面的设计效果 .164.2.1 用户注册之后的页面 .194.2.2 信息添加完成后的显示效果 .194.2.3 他人信息的添加 .204.2.4 用户登录 .204.3 商品展示功能 .214.3.1 商家商品功能 .224.3.2 用户各类信息管理 .26结束语 .26参考文献 .28致 谢 .29聊城大学本科毕业设计1摘 要随着网络信息技术的迅猛发展和人们思维观念的改变，网络购物得到了快速的发展。无论是企业还是个人都认识到网络购物的重要性。网络购物已经成为一种新的寻找渠道，它是提高购物效率的关键途径，通过网络寻找，可以极大的缩短寻找的时间，增加寻找的准确度，
3、并且可以极大的节省人力资源。它为个人、乃至企业的寻找创造了更高效便捷的寻找方式。目前真正成熟的电商系统很少，但是其需求却是非常的巨大，可见其具有广阔的发展前景。本网站设计主要实现了聊城家居网上平台设计与构建。从软件架构和需求角度，涉及到软件系统模型的设计、UML 建模、系统的需求分析和主要功能的实现。聊城同城家居网网站就是在电子商务平台上实现客户网上购家居的需求的网站。用户可以查找家具信息，浏览家具商品图片展示，该网站主要面向中高端家居品牌，在此网站可以注册会员进而进行线上交易，积累交易积分。为丰富客户需求，不同的商户可以入驻本网站平台，对会员进行商品推荐。实现消费者的网上购物、商户之间的网上
4、交易和在线电子支付以及各种商务活动。关键词： 网站；电商；家居平台；html；聊城大学本科毕业设计2AbstractWith the change of network and information technology, the rapid development and peoples thought idea, online shopping has been rapid development. Both enterprises and individuals are aware of the importance of network shopping. Online shoppi
5、ng has become a new look for the channel, it is improve shopping efficiency is a key way, through the network to find, can greatly reduce the time, increasing accuracy of search, and can greatly save manpower resources. For individuals, for enterprises and create a more efficient and convenient find
6、 ways. At present real mature business system rarely, but the demand is very huge. Therefore, it has broad prospects for development.This website design mainly realizes the design and construction of Liaocheng home network platform. From the perspective of software architecture and requirements, it
7、relates to the design of the software system model, UML modeling, system requirements analysis and the realization of the main functions.Liaocheng City Home Web site is e-commerce platform on household demand on customer Internet site. E-commerce usually is refers to is in global around widely of co
8、mmercial trade activities in the, in Internet open of network environment Xia, based on browser/server application way, buyers and sellers not met to for various trade activities, achieved consumers of online shopping, and merchant Zhijian of online trading and online electronic paid and various bus
9、iness activities, and trading activities, and financial activities and related of integrated service activities of a new of commercial operation mode. E-commerce is the use of computer technology and network communication technology in business activities.Key words: Website; Electricity Suppliers; H
10、ome Platform; Html;聊城大学本科毕业设计1聊城同城家居网网站开发设计与实现前 言随着计算机技术的飞速发展，计算机知识日趋普及，计算机的操作及管理也日趋简单化，计算机以及计算机网络处理技术已融入人类社会的各个领域并发挥着越来越重要的作用。对于当今的科学信息是一次重大的飞越，为人们的生活、工作、学习带来潜移默化的影响。今天我们使用计算机对电商信息进行管理，具有手工管理所无法比拟的优点，采用人工的方式进行管理和记录工作，极易出现错误，并且工作量大，纸质的文件保存和查找都比较麻烦。而使用计算机通过网络进行管理和查询，具有检索迅速、查找方便、可靠性高、存储量大、保密性好、寿命长、成本低
11、等。所有这些优点能够极大地提高电商信息的管理效率。1.开发工具1.1 asp 技术简介ASP 是动态服务器页面（Active Server Page）的英文缩写，是微软公司开发的代替 CGI 脚本程序的一种应用，它可以与数据库和其它程序进行交互，是一种简单、方便的编程工具。ASP 的网页文件的格式是 .asp。现在常用于各种动态网站中。ASP.NET 是新一代的 ASP。它无法兼容经典 ASP，但 ASP.NET 可以引用 ASP。ASP.NET 页面需要编译，因此比经典 ASP 更快。ASP.NET 拥有更好的语言支持，大量用户控件，基于 XML 的组件，以及对用户认证的整合。ASP.NET
12、 页面的扩展名是 .aspx，通常由 VB (Visual Basic) 或 C# (C sharp) 编写。ASP.NET 中的用户控件可以通过不同的语言进行编写，包括 C+ 和 Java。当浏览器请求 ASP.NET 文件时，ASP.NET 引擎读取该文件，编译并执行文件中的脚本，然后以纯 HTML 向浏览器返回结果。1.2 sql 简介结构化查询语言(Structured Query Language)简称 SQL(发音：/es kju el/ “S-Q-L“)，是一种特殊目的的 编程语言，是一种 数据库查询和程序设计语聊城大学本科毕业设计2言，用于存取数据以及查询、更新和管理关系数据库
13、系统；同时也是数据库脚本文件的扩展名。 结构化查询语言是高级的非过程化编程语言，允许用户在高层数据结构上工作。它不要求用户指定对数据的存放方法，也不需要用户了解具体的数据存放方式，所以具有完全不同底层结构的不同数据库系统, 可以使用相同的结构化查询语言作为数据输入与管理的接口。结构化查询语言语句可以嵌套，这使它具有极大的灵活性和强大的功能。 1986 年 10 月，美国国家标准协会对 SQL 进行规范后，以此作为关系式数据库管理系统的标准语言（ANSI X3. 135-1986），1987 年得到国际标准组织的支持下成为国际标准。不过各种通行的数据库系统在其实践过程中都对 SQL 规范作了某些
14、编改和扩充。所以，实际上不同数据库系统之间的 SQL 不能完全相互通用。SQL 是一门 ANSI 的标准计算机语言，用来访问和操作数据库系统。SQL 语句用于取回和更新数据库中的数据。SQL 可与数据库程序协同工作，比如 MS Access、DB2、Informix、MS SQL Server、Oracle、Sybase 以及其他数据库系统。不幸地是，存在着很多不同版本的 SQL 语言，但是为了与 ANSI 标准相兼容，它们必须以相似的方式共同地来支持一些主要的关键词（比如 SELECT、UPDATE、DELETE、INSERT、WHERE 等等）。1.3 设计应用技术简介1.3.1 ps 技
15、术简介Photoshop 的专长在于图像处理，而不是图形创作。图像处理是对已有的位图图像进行编辑加工处理以及运用一些特殊效果，其重点在于对图像的处理加工；图形创作软件是按照自己的构思创意，使用矢量图形等来设计图形。从功能上看，该软件可分为图像编辑、图像合成、校色调色及功能色效制作部分等。 图像编辑是图像处理的基础，可以对图像做各种变换如放大、缩小、旋转、倾斜、镜像、透视等；也可进行复制、去除斑点、修补、修饰图像的残损等。图像合成则是将几幅图像通过图层操作、工具应用合成完整的、传达明确意义的图像，这是美术设计的必经之路；该软件提供的绘图工具让外来图像与创意很好地融合。校色调色可方便快捷地对图像的
16、颜色进行明暗、色偏的调整和校正，也可在不同颜色进行切换以满足图像在不同领域如网页设计、印刷、多媒体等方面聊城大学本科毕业设计3应用。特效制作在该软件中主要由滤镜、通道及工具综合应用完成。包括图像的特效创意和特效字的制作，如油画、浮雕、石膏画、素描等常用的传统美术技巧都可藉由该软件特效完成。设计学是培养既有扎实科学技术基础又有艺术创新能力的复合型高级专业技术人才的专业。设计学学科正创造和引导人类健康工作与生活，促进社会变革与发展，在充分满足产品使用功能和人的个体审美需求的前提下，实现人机环境的和谐统一。该学科的研究强调工程与艺术的结合，与国家当前倡导的创新教育、人类舒适的生活方式、社会的发展、制
17、造大国向设计大国的转变等国策紧密相连，具有很好的发展前景和众多的研究内容。1.3.2 AI 简介Adobe illustrator 是一种应用于出版、多媒体和在线图像的工业标准矢量插画的软件，作为一款非常好的图片处理工具，Adobe Illustrator 广泛应用于印刷出版、海报书籍排版、专业插画、多媒体图像处理和互联网页面的制作等，也可以为线稿提供较高的精度和控制，适合生产任何小型设计到大型的复杂项目。它是一款专业图形设计工具，提供丰富的像素描绘功能以及顺畅灵活的矢量图编辑功能，能够快速创建设计工作流程。借助 Expression Design，可以为屏幕/网页或打印产品创建复杂的设计和图
18、形元素。 它支持许多矢量图形处理功能，拥有很多拥护者，也经历了时间的考验，因此人们不会随便就放弃它而选用微软的 Expression Design。提供了一些相当典型的矢量图形工具，诸如三维原型（primitives）、多边形（polygons）和样条曲线（splines），一些常见的操作从这里都能被发现。设计学作为一门新兴的学科，设计学的产生是 20 世纪以来的事件；作为一门专门的学科，它毫无疑问有着它自己的研究对象。由于设计与特定的物质生产与科学技术的关系，这使得设计学本身具有自然科学的客观性特征；而设计与特定社会的政治、文化、艺术之间所存在的显而易见的关系，又使得设计学在另一方面有着特殊
19、的意识形态色彩。希望引起中国设计界对理论问题的关注进而对设计教育的关注，并最终使设计学成为一门真正承载教育和实践两方面都得到落实的学科。2. 需求分析聊城大学本科毕业设计4当今社会，随着计算机网络规模的不断扩大，有关服务的各种信息也成倍增长，特别是一些通过网络进行特定信息寻找的服务。面对庞大的信息量，通过特定的寻找系统，可以做到信息的规范管理、科学统计和快速查询，从而降低网络寻找商品的寻找难度，减少寻找方面的工作量。2.1 网站系统开发的目标本系统希望通过构建一个 asp 架构的网上寻家居网站，利用日益繁荣的互联网，为传统的商品寻找打造一个新的服务平台。本系统希望通过电子信息化的手段对聊城家居
20、平台信息的添加、查找、修改、删除等环节进行管理，以达到人力搜索时间的减少，搜索信息准确度的提高，服务能力的增加，管理信息能力的改进，数据利用率的提高等目标。聊城网上家居平台系统主要实现用户注册、用户登录、已注册用户信息的浏览、添加用户积分信息、添加他人信息、会员推荐、添加商品需求、向网站服务人员提供建议、添加留言、向用户展示网站的服务内容，展示网站服务平台所具有的各类家居、信息等功能的系统根据网上家居系统的基本需求，本系统需要完成的具体任务如下：用户管理：主要是实现用户的注册和用户相关的联系方式及邮箱等相关信息的添加，用户在注册时无需进行邮箱验证登录系统，这样做主要是为了注册的简洁性，系统使用
21、的方便性，如果添加邮箱验证，虽然邮箱的真实性、网站的安全性提高了，但是使用过程中用户的体验就会下降。邮箱信息的录入主要是为了日后密码丢失，进行密码找回时使用。商品推荐：将全部会员信息进行检索，找出与用户相关的部分商品信息予以显示，供用户查找使用，从网站的数据库中找到自己想要的商品信息。通过同城家居平台推荐实现部分智能化的功能，增加用户体验。商品查找：当用户通过商品推荐无法找到自己想要的信息时，可以选择商品规格查找进行指定内容的搜索，找到符合自己要求的商品信息。个人信息管理：当用户登录或者注册之后，即可对个人信息进行添加修改更新等操作。对个人的失效信息进行及时的修改，以便其它寻找者及时联系。聊城
22、大学本科毕业设计5会员信息的添加：用户使用过程中可以添加自己店铺推荐的会员的信息，如父母、朋友、同事等人的信息。这样能够增加数据库信息的容量，增加搜索信息的可用性，实现搜索信息的精确定位，最终增加用户体验。留言功能：通过留言功能，可以增加用户的互动性，用户可以通过留言功能向网站提供实时的发展建议，提供各个功能模块的用户体验，帮助网站将服务改进成符合用户的习惯。并且，用户可以通过留言板实现用户之间的交流，相互提供建议帮助，加快寻找的过程。隐私保护介绍：通过本栏目，向用户介绍网站的信息保护原则，帮助用户加深对本网站的信任，放心使用本系统提供的服务，找到自己的商品。联系我们：提供网站服务者的联系方式
23、供用户联系沟通。2.2 技术支持2.2.1 html 概述HTML 超文本标记语言，标准通用标记语言下的一个应用。“超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。超文本标记语言的结构包括“头”部分（英语：Head）、和“主体”部分（英语：Body），其中“头”部提供关于网页的信息，“主体”部分提供网页的具体内容。超级文本标记语言是标准通用标记语言下的一个应用，也是一种规范，一种标准，它通过标记符号来标记要显示的网页中的各个部分。网页文件本身是一种文本文件，通过在文本文件中添加标记符，可以告诉浏览器如何显示其中的内容（如：文字如何处理，画面如何安排，图片如何显示等）。浏览器
24、按顺序阅读网页文件，然后根据标记符解释和显示其标记的内容，对书写出错的标记将不指出其错误，且不停止其解释执行过程，编制者只能通过显示效果来分析出错原因和出错部位。但需要注意的是，对于不同的浏览器，对同一标记符可能会有不完全相同的解释，因而可能会有不同的显示效果。2.2.2 客户端/服务器端脚本简介JavaScript 是世界上最流行的编程语言。这门语言可用于 HTML 和 web，更可广泛用于服务器、PC、笔记本电脑、平板电脑和智能手机等设备。JavaScript 是脚本语言 JavaScript 是一种轻量级的编程语言。JavaScript 是可插入 HTML 页面的编程代码。 JavaSc
25、ript 插入 HTML 页面后，可由所有的聊城大学本科毕业设计6现代浏览器执行。Javascript 脚本语言同其他语言一样，有它自身的基本数据类型，表达式和算术运算符及程序的基本程序框架。Javascript 提供了四种基本的数据类型和两种特殊数据类型用来处理数据和文字。而变量提供存放信息的地方，表达式则可以完成较复杂的信息处理。JSP 全名为 Java Server Pages，中文名叫 java 服务器页面，其根本是一个简化的 Servlet 设计，它是由 Sun Microsystems 公司倡导、许多公司参与一起建立的一种动态网页技术标准。JSP 技术有点类似 ASP 技术，它是在
26、传统的网页 HTML（标准通用标记语言的子集）文件(*.htm,*.html)中插入 Java 程序段(Scriptlet)和 JSP 标记(tag)，从而形成 JSP 文件，后缀名为(*.jsp)。 用JSP 开发的 Web 应用是跨平台的，既能在 Linux 下运行，也能在其他操作系统上运行。它实现了 Html 语法中的 java 扩展（以 形式）。JSP 与Servlet 一样，是在服务器端执行的。通常返回给客户端的就是一个 HTML 文本，因此客户端只要有浏览器就能浏览。JSP 技术使用 Java 编程语言编写类 XML 的 tags 和 scriptlets，来封装产生动态网页的处理
27、逻辑。网页还能通过 tags 和 scriptlets 访问存在于服务端的资源的应用逻辑。JSP 将网页逻辑与网页设计的显示分离，支持可重用的基于组件的设计，使基于 Web 的应用程序的开发变得迅速和容易。 2.2.3 用户体验（UE）用户体验（User Experience，简称 UE）是一种纯主观的在用户使用某一个产品（服务）的过程中建立起来的心理感受。因为它是纯主观的，就带有一定的不确定因素。个体差异也决定了每个用户的真实体验是无法通过其他途径来完全模拟或再现的。但是对于一个界定明确的用户群体来讲，其用户体验的共性是能够经由良好设计的实验来认识到。用户体验主要是来自用户和人机界面的交互过程。在早期的软件设计过程中，人机界面被看做仅仅是一层包裹于功能核心之外的“包装”而没有得到足够的重视。其结果就是对人机界面的开发是独立于功能核心的开发，而且往往是在整个开发过程的尾声部分才开始的。至于客户服务，从广义上说也是用户体验的一部分，因为它是同产品自身的设计分不开的。客户服务更多的是对人员素质的要求，而已经难以改变已经完成并投入市场的产品了。但是一个好的设计可以减少用户对客户服务的需要，从
