软件学院软件工程网站建设

软件学院 软件工程 目录一 问题概述11.1 目的21.2 电脑网问题描述2二 问题分析2三 设计方案和步骤2四 系统需求分析3 4.1 功能需求34.1.1 性能需求3五 系统概要设计3 5.1 系统总体设计3 5.1.1运行环境45.1.2 系统流程45.1.3 系统结构55.2 系统接口的概要设计6 5.2.1 用户接口65.3 数据库概要设计8 5.3.1 物理结构设计8 六 数据库概要设计8 6.1 系统界面的详细设计8 6.1.1 普通用户的用户的详细设计9 6.1.2 后台首页的详细设计156.2 数据库的详细设计16 6.2.1 数据库的设计16 6.2.2 数据表的设计17七 系统实现177.1 系统实现177.1.1 客户端系统实现18八 代码实现20九 总结28一、问题描述 1.1目的在ASP网络应用程序设计教程课程教学的基础上，根据软件工程的方法与流程，在相对集中的实训教学时间内，通过一个功能较完整的小型应用系统的设计与开发，深入复习并进一步掌握面向对象的程序设计思想与方法。同时，作为整个实践教学体系一部分，系统培养采用制作网页的方法分析问题与解决问题的能力及团体组织与协作能力。 并且通过本次课程设计让学生能够综合运用所学的知识解决并能设计一个实际问题，进一步掌握ASP的相关理论和网页的设计实现过程，进一步提高学生的分析问题和解决问题的能力以及学生的动手能力。 具体的来说本次课程设计旨在让我们在实际操作中熟悉web语言的使用，包括html语言，VBSccript，JAVAScript，数据库的使用等等。在实际操作中，我们能发现很多只靠听课发现不了的问题，实践也让我们能够真正的掌握这些语言的使用，而不仅仅只限于能通过考试的程度，使之真正成为自己的一门技能，真正学会了这门课程。进一步巩固和加深网页设计课程的基本知识，了解ASP动态网页设计知识在实际中的应用。综合运用网页设计课程和先修课程的理论及生产实际知识去分析和解决问题，进行的相关训练。学习ASP动态网页设计的一般方法，了解和掌握通用数据库的连接、数据的相关操作或网站的设计过程和进行方式，培养正确的设计思想和分析问题、解决问题的能力，特别是网站功能规划的能力和实现相关功能的能力。通过能系统的分析、系统设计、数据库设计和功能的实现等，培养ASP动态网页设计的基本技能ASP(Active Server Pages,活动服务页)是微软推出的一种动态网页技术,是位于服务器的脚本运行环境.通过这种环境,用户可以创建和运行动态的交互式Web服务器应用程序,如交互式的动态网页.使用ASP还有一个好处,就在于ASP可利用ADO方便的访问数据库，从而使开发基于WWW的 应用系统成为可能。ASP的最大好处是除了可以包含HTML标记外，还可以直接访问数据库，并可以通过ASP的 组件和对象技术使用无限扩充的Activex控件来进行动态网页的开发。ASP在Web服务器端运行，运行后将结果以HTML格式发送到客户端服务器，因此比普通的脚本更加安全。动态网页不仅包括动态GIF图片，而且最主要的是其“交互性”，即网页会根椐用户的要求和选择而动态改变和响应。这个课程设计最主要的就是交互。最关键也在这里。这个网页是要求用户注册成为这个网站的成员，当网页显示用户注册成功时，用户就成功地实现了与服务器的一次交互。现在许多Web业务都采用交互动态网页。 1.2电脑网问题描述我的网站主题是：联想电脑网。这个网站的意义是让浏览该网的用户更好的了解各种品牌的电脑的配置，性能，性价比，价位等等。我的网站重点介绍了联想的系列笔记本，每款电脑都配了插图和介绍，让喜欢游戏的客户知道哪款更适合他们。此外，网站还囊括了各地的电脑报价，让客户了解各地的电脑的价位，方便选购；产品咨询，方便客户了解自己喜欢的产品的性能等各方面；行情中心，让已经选择好爱机的人们了解价格走势，什么时候是入手的最好时机，方便购买。二、问题分析：按照要求这个程序的编写要求，由于包含多种实现要求，所以在编写时需要多个实现页面，因此要做好总体的说设计：在真正的做网站前，由于经验的缺乏，在制作的前期，我先浏览了个电脑网站，确定以哪一个网站为模板，建立自己的网站。在综合各大网站之后，我确定了淘宝联想电脑网。然后我依据淘宝联想电脑网的页面及内容来确定我的网站需要有些什么内容，应该怎样布局。最后将需要的文章和图片（素材）保存在电脑中以便使用。三、设计方案和步骤： 首先，我在网页的最上方加入网站的标题，接下来以表格形式为各个部分布局，插入图片，添加链接。 1. 先找到淘宝联想电脑网，了解什么是一个电脑网站所要包含的内容，以确定自己的网站需要包括些什么。2. 收集资料，把所需的文章，图片，下载保存，以便使用。3. 为自己的网站设计一个名字。4. 为网站做页面布局。5. 将不同的内容安置在之前布局时设计好的网页的位置。6. 将子页面配上插图和文章。7. 将主页的内容添加链接链接到子页面上。8. 保存并浏览做好的网站，将不完美的地方加以改进。9发布网站。四、系统需求分析4.1功能需求（1）管理员登录（2）电脑商品的发布、简介、浏览（3）用户的注册（4）用户的登录（5）用户的管理（6）新品的发布（7）顾客的购物须知（8）对本店的评价（9）新手帮忙4.2性能需求（1） 界面美观 （2）操作方便 （3）响应及时五、系统概要设计5.1 系统总体设计5.1.1 运行环境l 操作系统：Windows XP Professionall 前台开发Dreamweaver8、ASPl 后台数据库Microsoft Office Access 20035.1.2 系统流程 后台业务流程（管理员用户执行操作的流程）如图所示。开 始登录登录失败商品删改数据管理栏目管理系统配置用户管理结 束注 销图：后台管理系统业务流程图前台业务流程（普通用户执行操作的流程）如图所示。开 始商品浏览用户注册开通支付宝新手帮助支 付 宝 充 值支付宝登录淘宝登录注销结 束图: 前台用户业务流程图5.1.3 系统结构本课题的功能模块设计如图3.3所示。淘 宝 联想电脑网普通用户管理员商 品 浏 览用 户 注 册开 通 支 付 宝新 手 帮 助支 付 宝 充 值商 品 删 改数 据 管 理栏 目 管 理系 统 配 置用 户 管 理图:系统功能模块示意图 5.2系统接口的概要设计5.2.1 用户接口系统的用户接口主要分为前台普通用户的操作界面和后台管理员用户操作界面。l 前台首页布局设计如图所示。5.3 数据库概要设计 5.3.1 物理结构设计本课题目前为数据库建立了4张表。管理员表，包括数据项：id、用户名、密码。商品表，包括数据项：编号、电脑名称、图片地址、价格。用户信息表，包括数据项：id、用户名、密码、确认密码等。账户信息表，包括数据项：Id、账户、登录密码、确认登录密码、支付密码、确认支付密码、安全保护问题、安全保护答案、身份证号码、职业。六、系统详细设计本课题总体设计的核心思想主要以下两点：页面是一个容器，是由不同模块（用户控件）组成的；Web页面和用户空间都属于表示层，它们用来处理交互，具体功能由业务对象完成。6.1 系统界面的详细设计6.1.1 普通用户首页的详细设计该页是普通用户的打开网站首页见到的页面，主要包括产品介绍、关于我们、登录、新品上市、购物须知、收藏店铺、商品的浏览，还有下方的天猫保证、新手帮助、支付方式、商家支持等内容。产品介绍运行效果如图所示。产品介绍运行效果如图所示。新品上市运行效果如图所示。购物须知运行效果如图所示。收藏店铺运行效果如图所示。6.1.2 后台首页的详细设计该页是管理员用户的打开网站第一个见到的页面，其运行效果如图所示。正确的话进入下面的页面：错误的话进入：图后台首页运行效果6.2 数据库详细设计 6.2.1 access 数据库 l 本课题共设计了4张数据表。 七、 系统实现7.1 系统实现7.1.1 客户端系统实现首页前面已实现，下面是新手帮助：免费注册页面：点击“同意协议并注册”按钮的话，系统会把用户注册信息输入数据库中并提示注册成功开通支付宝页面：点击“支付宝服务协议”进入“协议”页面：点击“已阅读并同意此协议”按钮返回上一页面。在开通支付宝页面点击“下一步”按钮进入“账户信息”页面：在账户信息页面点击“确定”按钮，系统会把用户信息输入到数据库中并提示注册成功，支付宝充值页面：点击“登录”按钮后，正确的话会进入官网 错误的话会提示信息 在支付宝充值页面点击“用淘宝账户登录”按钮，会进入淘宝账户登录页面： 在这个页面点击“返回支付宝登录”按钮会进入支付宝登录页面即返回刚才页面， 点击“免费注册”按钮后，会进入免费注册页面如上面。八、代码实现8.1 首页实现代码： 电脑网lenovo 联想官方旗舰店 天猫唯一官方 100%正品保证 连续3年天猫销量第一   | 产品介绍 | 关于我们 | 登陆 | 新品上市 | 购物须知 | 收藏店铺         产品 img src=E:/web课程设计/图片/UsertingtingDesktop9.jpg alt=small product photo width=317 height=318 border=0 /img src=E:/web课程设计/ alt=small product photo width=319 height=318 border=0 /img src=E:/web课程设计/ alt=small product photo width=313 height=318 border=0 /trG480AA2207 Y480M     笔记本电脑 img src=E:/web课程设计/ alt=small product photo width=238 height=396 border=0 /img src=E:/web课程设计/ alt=small product photo width=238 height=396 border=0 /img src=E:/web课程设计/ alt=small product photo width=238 height=396 border=0 / img src=E:/web课程设计/ alt=small product photo width=236 height=396 border=0 / yoga13 K3011wY500NY400N电脑超级本电脑 img src=E:/web课程设计/ alt=small product photo width=238 height=396 border=0 /img src=E:/web课程设计/ alt=small product photo width=238 height=396 border=0 /img src=E:/web课程设计/ alt=small product photo width=238 height=396 border=0 /img src=E:/web课程设计/ alt=small product photo width=236 height=396 border=0 / U410 U310LU310I U310S电脑 台式电脑 img src=E:/web课程设计/ alt=small product photo width=238 height=439 border=0 /img src=E:/web课程设计/ alt=small product photo width=238 height=439 border=0 / img src=E:/web课程设计/ alt=small product photo width=238 height=440 border=0 / img src=E:/web课程设计/ alt=small product photo width=236 height=440 border=0 / 天猫保障 7天无理由退换货 提供发票 新手帮助 免费注册 开通支付宝 支付宝充值 帮助中心 支付方式 支付宝快捷支付 货到付款 网上银行支付 商家支持 商家入驻 商家中心 天猫智库 天猫规则              九、课程设计总结本文中的电脑网，主要使用了ASP和SQL数据库进行设计和实现。首先进行网站功能的分析设计，再设计整体结构，详细划分各个功能模块。根据各个模块，对各模块进行详细的代码设计。前台的设计，主要使用了Dreamwaver进行界面的设计，在与调用数据库的方法上，使用了数据库对象进行调用。后台数据库工具使用了Microsoft Office Access 2003。 通过本次课程设计，让我进一步的掌握了开发程序的一些流程及规划，在老师严格的要求下我懂得了开发软件要有一种极其认真负责的态度。从学做这个电脑网中，体会到ASP的简单实用，也感受到编程的乐趣。编写出了这个电脑网，虽然有很多不足之处，但是我学到了更多的学习方法以及学习的态度。在以后道路上，这种困难是不可避免的。但我相信，通过这次的毕业设计这将对我以后的工作和学习产生了很大的促进作用。无论做什么事都要大胆的去想去做，这样会有好的创意，才能更有作为。不管是什么系统，只有运用到实际应用中，才具有现实意义。所以在系统开发的初期，一定要做好需求分析，