科创学院Web应用开发课件 第一章 网上书店管理系统需求及分解

ASP.NET网站开发技术ASP.NET网站开发技术1.1学习情境引入书籍是我们熟悉的商品；本书将带领大家完成一个网上书店管理系统。基于制作这个系统的过程，我们将学会使用各种工具，用ASP.NET技术进行.NET平台下网站（Web应用程序）开发的基本技能。ASP.NET网站开发技术第一章本书学习情境：网上书店管理系统需求及分解1.1学习情境引入1.2基础知识1:网站开发的环境准1.3基本知识2：网站开发技术概述ASP.NET网站开发技术1.1学习情境引入1.1.1网上书店管理系统需求描述1.1.2网上书店管理系统案例展示1.1.3网上书店管理系统开发技能分解ASP.NET网站开发技术1.1.1网上书店管理系统需求描述概述本案例的领域为“小型网上书店系统”。为了减少经营成本、扩大客户范围，开发一个网站系统，匿名访问者可以浏览网页查询图书，免费注册会员；会员从首页登录后，可以修改密码，选择图书加入购物车，查看并确认个人购物车，根据购物车下订单，并可查询订单；书店经营者从首页登录后台管理页面，查询订单、处理订单，处理新书入库，查询入库记录，并对已入库图书信息及图书类别进行修改，还可对会员账号进行管理。结算和配送是通过其他途径完成的，与网站无关。要求网站易用、美观、安全可靠。ASP.NET网站开发技术1.1.1商品采购管理系统的需求描述需求分析功能性需求由需求概述可知，共有三类网站使用者，网站为之提供不同的功能。对于匿名访问者：强大的图书信息搜索功能：简单关键字搜索、特价书搜索、按类别搜索、高级搜索等多种方式浏览图书概略信息功能注册新用户（普通用户）、登录、密码重置等功能ASP.NET网站开发技术1.1.2网上书店管理系统案例展示1.未登录、未搜索的主页未登录的匿名用户看到的默认主页如图1-1所示。网页采用较流行的上中下布局，顶部包括logo、欢迎词、注册、登录、加入收藏、设为首页，以及关键字搜索功能；中部左侧为分类导航和高级搜索功能，中心区域显示图书概略信息，默认是新书推荐，中部右侧为特价书搜索、畅销排行；下部为网站ICP（互联网内容提供商）备案号、联系方式、版权声明、在线人数等。ASP.NET网站开发技术1.1.2网上书店管理系统案例展示2．注册新账户注册新账户页面是一个向导式的页面，图1-3显示了已经填写了信息的第一页，后续有注册成功或失败的提示页面。ASP.NET网站开发技术1.1.2网上书店管理系统案例展示3．图书详细信息会员登录后，通过主页搜索结果或畅销排行中的书名链接，可以使用图书详细信息页面。图书详细信息页面包含图书的内容简介和目录等信息，另外包含购书功能，填入购买数量，单击“购买”按钮，即可将相应数量的该书加入个人购物车。ASP.NET网站开发技术1.1.2网上书店管理系统案例展示4．购物车和订单单击页面上部“购物车”图标，可访问个人购物车页面，包含基本的购书信息和购物车总金额。单击“取消”链接，系统将弹出确认删除对话框，经用户确认后即删除某行购书数据。单击页面中的“下订单”按钮，可以显示（或隐藏）填写订单部分可以恢复到自动填单状态。ASP.NET网站开发技术1.1.2网上书店管理系统案例展示5．后台订单管理注册新账户只能注册网站顾客，该网站设计时建立的管理员用户名为字母“l”，密码为字母“lll”，以管理员账号登录后，前台页面上部会出现“管理”链接，单击即进入后台管理。后台管理的所有页面，以简洁、实用为主，各页面顶部是相同的管理菜单，一级菜单包括订单管理、入库管理、图书管理、用户管理，各子菜单动态显示。订单管理包括订单查询和订单处理功能。ASP.NET网站开发技术1.1.2网上书店管理系统案例展示6．后台入库管理页面中有一个日历按钮和一个类别按钮，单击日历按钮，将出现日历控件，协助输入正确格式的日期，再次单击该按钮则隐藏日历控件；单击类别按钮，将出现类别树控件，单击类别树中某类别名称节点，即可在“所属类别”文本框输入对应的图书类别。ASP.NET网站开发技术1.1.2网上书店管理系统案例展示7．后台图书管理修改图书信息页面，使用“先查询，再修改”的操作模式。如图1-11，使用与入库查询相同的关键字搜索操作，即可查询指定条件的图书，修改后，单击“更新”链接，可保存这些修改。ASP.NET网站开发技术1.1.2网上书店管理系统案例展示8.后台用户管理后台用户管理可以浏览会员信息，并对会员账户进行解锁、删除操作，如图1-13。当用户在前台登录时，连续密码错误次数超过5次，其账号就会被锁定，通过管理员解锁，才可继续使用。ASP.NET网站开发技术1.1.3网上书店管理系统开发技能分解1.技术分解2.网站开发技术的层次很多，最简单技术分解HTML语言和CSS样式表JavaScript语言和DOM技术页面数据保持与跨页面传递数据库访问和显示服务器网页所使用的统一化管理和美化网站用户管理3.学习安排ASP.NET网站开发技术1.2基本知识1：网站开发的环境准备1.2.1VisualStudioTeamSystem2008开发环境1.2.2InternetInformationServer介绍1.2.3IE浏览器介绍ASP.NET网站开发技术1.2.1VisualStudioTeamSystem2008开发环境1.安装简介2.环境简介VS2008启动后的IDE（通常把VS2008这样的编程环境称为IDE，即集成开发环境）界面如图1-1所示，默认会显示“起始页”，但IDE的启动项可以在“工具”菜单的“导入导出设置”或“选项”中修改。图1-2是打开了网站，并打开了一个网页后的IDE界面。ASP.NET网站开发技术1.2.2InternetInformationServer介绍1.功能简介ASP.NET网站生成、发布之后，并不产生.exe之类的可执行文件，所以网站的运行需要另一个可执行程序的支持，这个程序以一定的用户身份创建进程环境，管理若干网站的各种资源，接收客户端浏览器的请求，将这些请求给对应的网站，并将网站的响应页面交给网络，以送回客户端浏览器。2.安装简介安装好VS2008以及IIS后，在“开始”菜单，“MicrosoftVisualStudio2008”程序组，“VisualStutioTools”子程序组中打开“VisualStudio2008命令提示”程序项，在命令窗口中，输入“aspnet_regiis–i”命令，以安装IIS对ASP.NET2.0/3.5的支持。ASP.NET网站开发技术1.2.3IE浏览器介绍1.浏览器——网站程序统一的界面部分IE浏览器捆绑在现有Windows所有版本中，不必单独安装，并且对IE的使用是十分普及的技能。网站程序网络客户端服务器端数据库其他.NET资源浏览器窗口浏览器窗口IIS的网站服务器端程序0101000110011110101010101010101010100000010101010001URL地址请求页面（HTML标记、脚本、Cookie等）2.IE8的开发者应用对于网站开发人员来说，IE8中，除了“页面”菜单下“源文件”功能，可以供我们查看服务器端发来的响应源码（HTML标记），还增加了强大的“开发人员工具”功能，ASP.NET网站开发技术1.3基本知识2：网站开发技术概述1.3.1HTTP协议和HTML语言1.3.2静态网页和动态网页1.3.3网站程序和桌面程序的区别ASP.NET网站开发技术1.3.1HTTP协议和HTML语言1.HTTP协议HTTP（HyperTextTransportProtocol，超文本传输协议）是定义服务器和客户端浏览器之间信息传输方式的应用层通信协议。2.HTML语言随着动态网页发展，HTML发展为DHTML，几乎包含了客户端的所有动态技术，对于HTML的具体内容我们会在后续章节中详细介绍。ASP.NET网站开发技术1.3.2静态网页和动态网页1.静态网页所谓静态网页就是服务器端存储的网页文件中只有HTML标记组成，除非重新设计网页内容不会发生变化，这种网页文件的后缀名为“.htm”或者“.html”。2.动态网页所谓动态网页不是指网页上有动画效果的网页，而是指不用重新设计，一个网页的内容或样式就可以变化，ASP.NET网站开发技术1.3.3网站程序和桌面程序的区别HTTP协议中，“请求——响应”之后，就会断开连接，也就是下一次请求时，将不知道上一次这个页面的状态，而在交互过程中，往往需要多次“请求——响应”。所以，要实现网站程序和用户的交互，必须想办法记录页面的状态，这大大不同于桌面程序。因为有许多客户端访问同一个网站，可以说网站需要响应多用户请求。所以为了正确地、安全地实现交互，需要为许多用户保存许多状态，这一点大大不同于桌面程序；网站服务器和客户机属于不同的所有者，不能够无限制地执行对方传来的程序。也就是说，浏览器执行服务器送来的客户端程序是受限制的、服务器执行客户端提交的信息是需要检查的，这些安全问题方面的要求，大大不同于桌面程序。ASP.NET网站开发技术