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

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