软件开发案例分析（二）网络商城.ppt

总体设计——数据库设计 订单项表（tb_orderitem） 列名 类型 允许空 描述 Id Int(11) 不能为空 订单编号 productId Int(11) 不能为空 商品Id productName Varchar(200) 不能为空 商品名称 productPrice Float 不能为空 商品价格 amount Int(11) 商品数量 orderId Varchar(30) 订单编号 总体设计——界面设计 HTML——超文本标记语言 “超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。。 超文本标记语言的结构包括两部分： “头”部分（Head）：关于网页的信息 “主体”部分（Body）：网页的具体内容。 HTML 使用标记标签来描述网页， HTML 标签通常是成对出现的，比如 b 和 /b HTML 元素：指的是从开始标签（如b ）到结束标签（如/b ）的所有代码。 大多数 HTML 元素可以嵌套（可以包含其他 HTML 元素）。 HTML 标签可以拥有属性。属性提供了有关 HTML 元素的更多的信息 总体设计——界面设计 超文本 整个页面 head 页面属性（不显示） Body 页面内容（显示） 标签 控件类 元素（除标签外） 父控件内所有子控件 总体设计——界面设计 标签 功能 !DOCTYPE 不是 HTML 标签；它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令 html 此元素可告知浏览器其自身是一个 HTML 文档 head 描述了文档的各种属性和信息，包括文档的标题、在 Web 中的位置以及和其他文档的关系等 body 包含文档的所有内容 div 把文档分割为独立的、不同的部分 a 定义超链接，用于从一张页面链接到另一张页面 table 定义 HTML 表格 tr 定义 HTML 表格中的行，tr 元素包含一个或多个 th 或 td 元素。 th 定义表格内的表头单元格 td 定义 HTML 表格中的标准单元格 常见标签及功能 总体设计——界面设计 动态网页：JSP —— HTML + JAVA 以%开头，以%结尾，中间嵌入JAVA代码 Struts标签简化JSP 以s:XXX开头，/s:XXX结尾 总体设计——界面设计 Struts常用标签 通用标签 UI标签 标签, 功能 s:if s:elseif s:else 条件控制 s:iterator 循环控制 s:property 数据 s:action 页面中直接调用Action s:url 创建URL s:param 为其他标签提供参数 标签 功能 s:textfield 文本框 s:a 超链接 s:form 表单 s:submit 表单提交按钮 总体设计——界面设计 例：Index.jsp Body head.jsp div id=box div id=left div id=right div id=foot div id= left_s01 div id= left_s02 div id= left_x 1 n … … 总体设计——界面设计 div id=left div id= right head.jsp div id= left_s01 div id= left_s02 div id= left_x div id=foot 总体设计——界面设计 div id= left_x div id= left_122 table（1行2列） tr（行） tb（列） tb（列） div id= left122_y 红色的字，二级类别 一级类别 div ……. n 总体设计——界面设计 Struts——实现Web MVC的框架 View Model Action 用户 输入/输出 执行 操作 刷新页面 浏览器 分发器 呈现 FilterDispatcher JSP 更多JAVA类 Strut.xml 总体设计——界面设计 Struts.xml Struts-default.xml Struts-front.xml Struts-admin.xml 前台 后台 继承 总体设计——界面设计 Struts-default.xml Action（全局）返值 跳转页面 页面功能 error common/show_error.jsp 错误页面 manager admin/main.jsp 后台管理主页面 userLogin admin/user/user_login.jsp 后台管理员登录界面 reg user/customer_reg.jsp 前台会员客户注册界面 customerLogin user/customer_login.jsp 前