《个人在线知识仓库》PPT课件.ppt

第3章 个人在线知识仓库 1、系统设计 系统特点 功能设计 用户界面草图 页面迁移图 页面功能设计 2、数据库设计 3、JSP页面程序 4、系统功能完善 3.1 系统设计 3.1.1 系统特点 考虑制作一个小工具，随时将自己平时获得的 小知识存储起来，进行分类存储，便于以后 检索查询。 主要的目的是学习数据库的增、删、改和查询 等功能的实现。 3.1.2 功能设计 插入 查看 修改 删除 查询 使用者 3.1.3 用户界面草图 插入页面草图插入页面草图 知识点编号00000001 所属大分类 所属小分类 知识点标题 知识点内容 计算机软件开发 JSP开发 JSP中文问题解决方案 JSP中文问题解决方案 如何解决？ 这是个困难的问题，于是 登录重写 查询页面查询页面 请输入查询条件： 所属大分类 所属小分类 标题关键字 内容关键字 计算机软件开发 JSP开发 JSP 编译 查询 查询一览页面查询一览页面 编号标题查看 修改删除 0001JSP开发必备工具查看修改删除 0002ASP与JSP的比较查看修改删除 0017JSP中文问题 完美解决方案查看修改删除 共检索到1234条记录 跳到 | 页 查看详细页面查看详细页面( (删除页面删除页面) )草图草图 知识点编号00000001 所属大分类 所属小分类 知识点标题 知识点内容 计算机软件开发 JSP开发 JSP中文问题解决方案 JSP中文问题解决方案 如何解决？ 这是个困难的问题，于是 返回一览 修改页面草图修改页面草图 知识点编号00000001 所属大分类 所属小分类 知识点标题 知识点内容 计算机软件开发 JSP开发 JSP中文问题解决方案 JSP中文问题解决方案 如何解决？ 这是个困难的问题，于是 返回一览修改 3.1.4 页面迁移图 首页首页 新增查询 插入页面查询页面 查询一览页面 确定 关闭 IE关闭 查看页面 查看 确定 一览 修改页面 修改 修改 一览 删除页面 删除 删除 一览 3.1.5 页面功能基本设计 （1）插入页面设计 （2）查询页面设计 （3）查询一览页面设计 （4）查看详情页面设计 （5）修改页面设计 3.3 数据库设计 字段名类型长度是否为主键是否为空说明 category_cdchar2是否大分类代码 category_namevarchar10否否大分类名称 （1 1）大分类表）大分类表 categorycategory （2 2）小分类表）小分类表sub_categorysub_category 字段名类型长度是否为主键是否为空说明 category_cdchar2是否大分类代码 sub_category_cdchar2是否小分类代码 category_namevarchar10否否小分类名称 3.3 数据库设计 （3 3）知识点表）知识点表tiptip 字段名类型长度是否为主键是否为空说明 Tip_cdchar8是否知识点编号 category_cdchar2是否大分类代码 sub_category_cdchar2否否小分类代码 Tip_titlevarchar90否否知识点标题 Tip_contenttext否否知识点内容 创建数据库 CREATE TABLE category ( category_cd CHAR(2) NOT NULL, category_name VARCHAR(20) NOT NULL, PRIMARY KEY (category_cd) ); CREATE TABLE sub_category ( category_cd CHAR(2) NOT NULL, sub_category_cd CHAR(2) NOT NULL, Sub_category_name VARCHAR(20) NOT null, PRIMARY KEY ( category_cd, sub_category_cd ) ); 创建数据库 CREATE TABLE tip ( tip_cd CHAR(8) NOT NULL, category_cd CHAR(2) NOT NULL, sub_category_cd CHAR(2) NOT NULL, tip_title VARCHAR(90) NOT NULL, tip_content TEXT, PRIMARY KEY ( tip_cd) ); 3.4.1 目录结构 3.4 JSP程序设计 目录对应功能 ch03根目录，放主要的HTML和JSP文件 img图片存放路径，页面上显示的图片都放在这里 common页面用到的JavaScript脚本文件和CSS定义文件 inc页面共通使用的JSP代码块 WEB-INFTomcatWeb应用程序必备文件夹，放置web.xml文件 src放置DB操作使用的SQL语句文件 lib放置需要用到的第三方工具，如JDBC驱动 程序等 3.4.2 首页页面编写 显示当前数据库 中记录的个数 新增按钮 查找按钮 关闭按钮 外围框架外围框架 页面框架 1、对数据库的访问，包括打开数据库，关闭数据库 2、数据库当前记录个数的统计 3、页面框架的显示元素（定好页面显示框架，有助 于页面风格的统一）。 页面框架程序 欢迎来到知识仓库 在这里放上实际页面的显示内容 打开数据库连接程序cmnDBOpen.jsp 关闭数据库连接程序cmnDBClose.jsp “ + e.getMessage(); e.printStackTrace(); finally /释放数据库连接 conn.close(); % 计算数据库记录条数cmnTipCount.jsp 框架显示程序 1、框架首部显示程序 cmnPageTop.jsp 2、框架底部显示程序 cmnPageBottom.jsp 3、主页面程序 index.jsp 首页使用的7个文件 文件名主要功能 cmnDBOpen.jsp引入相关的Java类声明，并获得数据库连 接对象 cmnTipCount.jsp 连接数据库，从Tip表获得记录总 条数，赋给 iTipCount cmnScript.js定义关闭窗口和公共的JavaScript方法 cmnStyle.css公共的CSS样式文件，定义表格、表单、输入域样式 cmnPageTop.jsp页面框架总体定义 cmnPageBottom.jsp与cmnPageTop.jsp对应 ，定义页 面框架底部 cmnDBClose.jsp与cmnDBOpen.jsp对应 ，释放数据库，异常处理 3.4.3 登录页面程序编写 知识点编号00000001 所属大分类 所属小分类 知识点标题 知识点内容 计算机软件开发 JSP开发 JSP中文问题解决方案 JSP中文问题解决方案 如何解决？ 这是个困难的问题，于是 登录重写 大分类数据的获取 sCategorys 小分类数据的获取 sSubCategorys 分类数据的获取 1、在服务器端读取数据库，获取大小分类数据存入变量 sCategorys和sSubCategorys。(见程序cmnGetCategory.jsp) 2、客户端用JavaScript读取大小分类数据，并转换成数组Array 格式。 va