墨龙big3网页设计.doc

课程设计 论文 课程设计 论文 课程名称 Internet 技术 题 目 BIGTHREE 网站设计与开发 专业班级 管理科学 0801 姓 名 郑太稳 学 号 080450134 指导教师 张志霞 2010 年 6 月 22 日 西安建筑科技大学西安建筑科技大学课程设计 论文 任务书课程设计 论文 任务书 专业班级 管理科学0801 学生姓名 郑太稳 指导教师 签名 张志霞 一 课程设计 论文 题目一 课程设计 论文 题目 BIGTHREE 网站设计与开发 二 本次课程设计 论文 应达到的目的二 本次课程设计 论文 应达到的目的 本课程为 Internet技术 课程的主要教学环节之一 通过本课程设计 使学 生初步掌握借助网络解决管理工作的实际问题的步骤和方法 以分析问题为出发点 抽象出具体的功能模块 再进行合理的组织 形成一个可以进行查询 事物处理等 功能的网站 在设计过程中 理论联系实际 巩固所学的理论知识 加深对其理解 亲自用所学知识和网站设计技术 将网络技术应用到管理科学之中 三 本次课程设计 论文 任务的主要内容和要求 包括原始数据 技三 本次课程设计 论文 任务的主要内容和要求 包括原始数据 技 术参数 设计要求等 术参数 设计要求等 课程设计的内容 课程设计的内容 题目可自拟 具体介绍个人 公司 企业 机构 团体的具 体情况 并能解决一定的实际问题 课程设计的要求课程设计的要求 1 1 设计工具 设计工具 以 Frontpage Dreamweaver 等软件为基础 要使用 HTML CSS JavaScript JSP 以及数据库管理系统 2 2 设计成果 设计成果 A 软件 建立一个网站 含约 20 页以上的网页 B 设计说明书 具体包括 公司 或行业 团体 概况 组织机构 存在的问 题 实施网站设计的背景与原因 实施进展 包括实施中存在的问题及解决方式 具体包括需求分析 设计规划和设计技巧 实施后取得的成效 经验总结及对其它 企业或行业的借鉴意义 现在存在的问题 进一步完善的建议 参考文献 3 3 纪律要求 纪律要求 A 字数 包括图表 不得少于 5000 字 B 禁止直接抄袭网站或报刊内容 C 不允许雷同报告 发现后所有雷同以零分记 四 应收集的资料及主要参考文献 四 应收集的资料及主要参考文献 主要搜集与选题有关的资料 主要参考文献 1 樊月华 Web 技术应用基础 北京 清华大学出版社 以及其他相关的网站和制作工具书 五 审核批准意见五 审核批准意见 教研室主任 签字 教研室主任 签字 BIGTHREE 网站设计与开发 班级 管理科学 0801 学生姓名 郑太稳 指导教师 张志霞 设计总说明 随着计算机应用在社会的普及 信息技术的高速发展 人们已经越来越认 识到网络资源在社会工作 生活 生产 管理等方面的强大作用 网络不仅是 信息交互和资源共享的大舞台 也是为社会各类群体 组织 企业和个人自我 展示和信息公布提供了更宽阔的平台 而当今的网站设计与开发也是空前的繁 荣 各类设计工具 顶尖人才层出不穷 既让网站设计充满了挑战和复杂性 也让此领域充满竞争和创新 本设计在调查了充分明确了目的和需求的基础上 调查并分析了当今主流 网页的风格的基础上进行了系统需求分析 本着实用却不呆板 简约而不简单 的原则 为网页设计了美观却不杂乱的前台界面和简单明了的后台数据库 以 便于数据的录入 修改和更新 而且由于设计思想的兼顾和信息软件的兼容性 越来越强 本设计能兼容各种版本的浏览器 在浏览和借鉴现今交流网站的基 础上分析用户的需求 初步设定数据库的总体结构和实体之间的关系 设定实 体的各种属性和从属关系 从而建立各表 最后与数据库的建立和连接 达到 用户和管理员的登录信息管理 实现的功能模块有用户登录注册 个人信息完 善 作品展示 以及多叶美观的而具有特色的网页 并彼此通过超链接连接成 一个有层次 有逻辑的网站 本设计采用 Windows XP 操作平台 使用 Dreamweaver cs4 Photoshop tomcat 5 0 SQL server 进行开发 用户可以使用 IE8 0 以 上版本 360 浏览器等进行浏览 关键词 网络资源 资源共享 需求分析 设计 Design Description Nowadays society has entered the information times along with the network popularization and online resources download conditions are satisfied But there is still a great resources although resources many loopholes but slow download speeds cannot satisfy the requirement in today s society this design research is online art resources share downloading and design the site meet the current W3C web design standards can be compatible with various versions of the browser loading speed very rapidly operation is very convenient fast This design in the company s main investigation situation and the social development mode of popular website on the basis of analysis of the system requirements in order to make the whole front desk interface more beautiful and simple user friendly and observation page design using W3C standards in written several function module can perform guaranteed under the condition of the whole page and layout of effective whole interface design process including interface architecture design and CSS DIV code compiling and interface preview this design can compatibility test of versions of the browsers To ensure that data update the timeliness and convenience this design also carry a backend database design and development in investigation now resources website station actor xian building technology university campus resources nets intimate figure nets is analyzed on the basis of preliminary setting the needs of users the general structure and the entity database the relationship between the various attributes set entity and dependent relationship so as to establish the table Finally the receptionist interface combined with the backend database including the database establishment and connections data and interface of the union and update data data changes are in the backend database administrator operating under complete Test the whole stages in design in implementation Function of the realization of the registered user login module has personal information is perfect upload download files according to user message review work requirements of search works display including in accordance with the conditions and the latest search show works display pagination uploading files This design USES the Windows XP operating platform use Dreamweaver8 0 web design tools Photoshop image processing tools IIS5 1 virtual server SQL database server development user can use IE8 0 above version firefox Opera browsers for browsing Keywords page design artistic resources data 第 页 1 目录 1 绪论 1 1 1 网站简介 1 1 2 网上资源的现状与发展 1 1 2 1 网络资源的定义 1 1 2 2 网络艺术资源现状 1 2 需求分析 2 2 1 任务概述 2 2 1 1 项目介绍 2 2 1 2 产品环境介绍 2 2 1 3 用户需求分析 2 2 1 4 软件功能 2 2 1 5 用户特征 3 2 1 6 支持平台 4 2 2 功能需求 4 2 2 1 用户管理需求 4 2 2 2 用户登录系统功能需求 5 2 2 3 作品搜索系统 6 2 2 4 作品详细显示以及评论管理系统 6 2 3 外部接口需求 7 2 3 1 用户接口 7 2 3 2 软件接口 7 2 3 3 通讯接口 8 2 4 数据管理能力要求 8 2 5 故障处理要求 8 2 6 其他专门要求 8 2 7 数据流图 8 2 8 数据字典 9 3 系统设计 11 3 1 概要设计 11 3 1 1 软件功能 11 3 1 2 软件功能描述 12 3 1 3 第 0 层设计描述 12 3 1 4 第一层设计描述 13 3 2 详细设计 18 3 2 1 会员管理系统详细设计 18 3 2 2 资源系统详细设计 20 3 2 3 错误处理 21 3 3 数据库设计 22 3 3 1 实体 E R 图 22 3 3 2 数据库的命名规则 23 3 3 3 物理设计 24 3 3 4 安全性设计 25 第 页 2 3 3 5 系统安全性策略 25 4 网页前台架构设计 28 4 1 WEB 标准 28 4 2 WEB 标准的好处 28 4 3 网页架构设计 29 4 3 1 网页总体布局 29 4 3 2 TOP ASP布局 29 4 3 3 主页 INDEX ASP 布局 30 4 3 4 用户注册 REG ASP 布局 31 4 3 5 个人主页 BLOG ASP 布局 31 4 3 6 搜索结果页 RESULT ASP 布局 32 4 3 7 作品详细信息展示界面 DETAIL ASP 布局 32 4 4 网页色彩搭配设计 33 4 5 页面详细设计 34 5 系统实施 37 5 1 概述 37 5 2 系统界面实现 37 5 2 1 用户注册界面 37 5 2 2 用户登陆界面 37 5 2 3 用户搜索界面 38 5 2 4 作品搜索结果界面 39 5 2 6 作品详细信息界面 40 6 软件测试 41 6 1 测试内容 41 6 1 1 用户登录系统 41 6 1 2 页面兼容性测试 41 6 1 3 会员注册系统 41 6 1 4 资源搜索系统 41 6 2 测试环境 41 6 3 测试记录 41 6 2 1 用户登录模块测试 41 6 2 2 用户注册模块测试 43 6 2 3 搜索模块测试 45 参考文献 49 致谢 50 第 页 1 1 绪论 1 1 网站设计现状简介 网页设计 网站是企业向用户和网民提供信息 包括产品和服务 的一种方式 是企业 开展电子商务的基础设施和信息平台 离开网站 或者只是利用第三方网站 去谈电子商 务是不可能的 企业的网址被称为 网络商标 也是企业无形资产的组成部分 而网站 是 INTERNET 上宣传和反映企业形象和文化的重要窗口 不可否认 国内网页设计环境 目前还停留在初级的认知阶段 也就是说 绝大多数人不知道网络的真正的可用之处 也正是这种全体社会普遍的低认知水平 导致了大量网络垃圾的产生 1 2 网络资源共享的现状与发展 1 2 1 网络资源的定义 网络资源 是利用计算机系统通过通信设备传播和网络软件管理的信息资 源 网络信息资源所涵盖的范围是否广泛 是否针对相关领域或专业 本网页 制作的目的是什么 有何针对性 是否面对特定方向的用户 所提供的信息的 广度 深度如何 包括哪些网络资源类型 是书目 索引 文摘 还是网络期 刊或者网上图书 等等 这些都可作为用户评价和选择网络信息资源的标准 1 2 2 网络资源现状 现今的网站如此纷繁复杂 种类多种多样 而网站的制作大多数使用的都 是现成的模板 其代码以自动生成为主 这样的行为造成网页代码复杂 页面 加载速度缓慢 网页设计是伴随着计算机互联网络的产生而形成的视听设计新课题 是网 页设计者以所处时代所能获取的技术和资源经验为基础 依照设计目的和要求 自觉地对网页的构成元素进行资源规划的创造性思维活动 必然要成为设计的 重要组成部分 并随着网络技术的发展而发展 表面上看 它不过是关于网页 版式编排的技巧与方法 而实际上 它不仅是一种技能 更是资源与技术的高 度统一 第 页 2 2 需求分析 2 1 网站概述 2 1 1 网站介绍 本网站旨在向 NBA 爱好者介绍 NBA 的球队信息和新闻 尤其是由德维恩 韦德 勒布朗 詹姆斯和克里斯 波士 new bigthree 带领的 miami heat 队 详细介绍德维恩 韦德 勒布朗 詹姆斯和克里斯 波士的各项信息 技术评价 NBA 数据 生涯纪录 个人介绍 网站主要通过前台展示和后台更新相辅相成 完成球队以及球队巨星的风采 让用户在权限之内轻松愉悦的浏览网页内容 了解最新相关资讯 2 1 2 设计目的 现今社会已进入信息时代 随着网络的普及 网络资源的规模也发展到前 所未有的庞大 但是资源的庞大和冗杂必然导致资源的整合不力 致使用户无 法有效 准确的搜索到所需的资源 所以就需要各类的专业网页 将各类资源 予以搜集和整合 尽量简化网页的结构和层次 使得用户可以轻松明了的搜索 的所需的资源和了解到所关心的信息 本网站建立之后可满足广大用户对资源 的需求 新闻更新及时 资源分块明确 能够让用户快速获得所需结果 2 1 3 用户需求分析 每一个网站都以自己的主要用户 正是有了不同的用户需求才有了各色的 网站风格 而不同风格的网站又能很多好的满足不同人群的需求 此网站主要 针对 NBA 球迷而作 尤其是喜欢迈阿密热火队的球迷 着迷与德维恩 韦德的 闪电突破 勒布朗 詹姆斯的霸王劈扣 波士的灵活脚步 通过对网络资源的现状及发展目标的调查以及网页兼容性调查分析 前台 界面设计 数据库的建立 后台界面的开发 系统测试等一系列的工作 本设 计实现了会员管理 分类展示 个人页面展示 2 1 4 网站功能 本系统分为以下五大功能模块 1 用户注册登录系统 用户输入用户名和密码 如验证无误便可登陆成功 如果浏览页面的用 户是未注册用户则可以进入注册页面进行注册 对于已经注册的用户有浏览网 络资源的权利 第 页 3 还未进行注册的用户点击 注册 按钮进行注册 注册页面进行的是及 时验证的功能 包括用户名的合法性 密码的相同性验证 3 滚动图片展示 滚动图片 滚动图片的部分展现的是最近的新闻图片缩略图 在窗口处 进行动态显示 动态图片的展示采用 JS 代码进行编写 展示的效果为最新作品图片缩 略图每隔一定的时间进行滚动 手动也可操作滚动效果 5 人物详细信息页面 完善的人物信息 使其他用户在浏览网页时能够了解网页的主要内容 并且有选择的特别关注和阅览所需信息 6 资源详细信息展示页面 排版多个模块网页 特别的介绍关于 NBA 的新闻 人物 数据等信息 7 后台数据库管理页面 显示当前会员的数目以及详细注册信息 对其进行删除 修改操作 对所有用户进行管理 包括添加 删除 修改用户 2 1 5 用户特征 用户群主要来自于在校学生以及在网上搜索资源的用户 这些用户对 NBA 有浓厚的兴趣 实时关注 NBA 组织的活动 并且喜欢浏览与 NBA 迈阿密热火队 有关的资源 如图片 战绩 伤情 最新视频等 2 2 网站设计 2 2 1 用户管理设计 网站的用户管理是网站的重要一部分 对用户进行合理的管理既可以提高网 站的用户水平 又可以留住用户 所以网站用户管理必不可少 通过在 SQL server 数据库中建立用户表 并与登录和注册网页建立连接 以实现对用户的 添加 修改和删除的管理 并可以设置用户的浏览权限 用户 登录 注册 判断信息 后台信息 录入 浏览网 页 第 页 4 图 2 1 用户管理工作流程图 2 2 2 用户登录设计 用户登录界面放置在主页上 前期对网站的需求分析认为 网站的保密性 强度低 故直接把登陆界面放置在主页上 界面上还有注册按钮 入用户名和 密码即可登录成功 登录成功后即可浏览资源 系统将根据登录的用户输入的 信息和现有的数据库进行对比 对比成功将登录成功 否则将转入重新页面 用户登录成功以后 将转入主页面 浏览相互页面的同时也可浏览其他权限之 内的子页面 用户登陆 页面 主页面 信息对应判断信息是否对应 注册页面 信息不对应 图 2 2 用户登录系统工作流程图 2 7 数据流图数据流图 数据流程是整个网页的连接脉络 弄清数据流程图就能够整体把握网页的 层次和结构关系 也更能够从用户的角度理解如何才能更好的组织和编排网页 能够达到最佳的浏览效果 是整个网站浑然一体 注册信息登录信息确认登录用户 技术评价 网页主页 球队页 新闻页 球员介绍 数据流程图 第 页 5 数据字典 数据流说明 1 注册信息 名字 注册信息 描述 使用资源系统用户的身份识别 定义 定义 完善信息 用户名 密码 真实姓名 性别 QQ Email 生日 位置 传输数据库服务器端 2 登录信息 名字 登录信息 描述 用于用户登录资源系统 定义 登录信息 用户名 密码 位置 传输数据库服务器端 3 详细资源信息 名字 资源信息 描述 用户上传的作品信息以及其他用户评论作品的信息 定义 资源信息 新闻动态 基本信息 球队信息 技术评价 奖项新增 图 片 视频 位置 传输数据库服务器端 4 管理员信息 名字 管理员信息 描述 对用户以及上传的资源进行管理 定义 管理员信息 管理员用户名 管理员密码 位置 传输数据库服务器端 第 页 6 3 系统设计 3 1 概要设计 3 1 1 软件功能 本系统分为以下七大功能模块 1 用户注册登录系统 2 资源搜索 3 滚动图片展示 4 简略素材展示 5 个人信息详细页面 6 资源详细信息展示系统 7 后台数据库管理系统 系统结构图见图 3 1 所示 用 户 注 册 登 录 系 统 资 源 详 细 信 息 展 示 系 统 作 品 上 传 系 统 后 台 数 据 库 管 理 系 统 类 型 搜 索 关 键 字 搜 索 管 理 用 户 管 理 资 源 用 户 登 录 添 加 用 户 信 息 添 加 作 品 铭凡艺术资源网铭凡艺术资源网 下 载 资 源 修 改 用 户 信 息 添 加 用 户 信 息 资 源 搜 索 系 统 个 人 信 息 详 细 页 面 简 略 展 示 详 细 展 示 作 品 展 示 系 统 动 态 展 示 图 3 1 系统结构图 第 页 7 3 1 2 软件功能描述 1 用户注册登录系统 用户输入用户名和密码 如验证无误便可登陆成功 在登陆状态下可以 对自身的信息进行完善和修改 上传自己的作品 还可以在浏览作品的同时对 作品进行评论 如果用户不登陆或为非会员 则无法上传作品和评论其他人的 作品 艺术资源网首页上显示的滚动图片或者最新的作品来点选自己喜欢的资 源 也可以对资源进行分类查询 还可以再搜索框内输入关键字进行查询 点击图片缩略图或者作品名称进入作品详细信息页面 用户在登陆之后还可以对作品进行及时评论以及下载作品 2 后台数据库管理系统 对注册为会员的用户的信息进行管理 对用户上传的资源进行审核发现不符合规定的作品进行及时删除 3 资源搜索系统 对资源的类型进行有效的管理和分类 分为行业 原创素材三类 用户 可以直接在导航栏点击具体的分类进行搜索 导航栏上还放置搜索框 在下拉菜单中选择类型再输入关键字即可搜索 需要的资源 搜索到的资源在搜索结果页面显示 每页显示 5 件作品 点击作品名称或者资源缩略图即可进入作品的详细信息页面 菜式管理系统 第 页 8 3 2 详细设计 3 2 1 会员管理系统详细设计 1 简单数据描述 Username 用户名 Realname 真实姓名 Sex 性别 Password 密码 Email 电子邮箱 Job 职业 Address 住址 Question 密保问题 Answer 密保答案 第 页 9 Born 出生日期 QQ QQ 号码 Graduation 毕业院校 2 子模块描述 用户基本信息填写 Module 模块 reg asp Description 描述 生成用户信息表单 Calls 调用 register js Data Accessed user Data Updated 无 Input 无 Output 将填写的注册信息输出到数据库 Others 所填写的信息必须满足会员规定 完善用户信息 Module blog asp Description 添加用户详细信息 修改用户信息 Calls blog asp Data Accessed 无 Data Updated 修改用户信息 Input 用户所填写的注册信息 Outpu 将注册信息输出到个人主页模块 Others 和上传文件可分步进行 登录 Module login asp Description 用户登录 2 找回密码 Calls found asp time asp Data Accessed 无 Data Updated 无 Input 合法的注册信息 Output 将用户名信息显示于主页 Others 数据库中的用户信息进行验证 用户信息管理 Module admin asp Description 显示所有注册用户的信息 第 页 10 按某一项属性顺序对用户信息进行排序显示 管理用户 Calls admin asp Data Accessed admin Data Updated 无 Input 从数据库读取用户信息 Output 无 Others 对合法的用户注册信息进行记录 删除不法用户 3 2 2 资源系统详细设计 3 2 3 错误处理 1 系统错误 如果出线内存分配失败 任务创建失败等错误 可以通过重新启动服务器 来解决问题 2 接口错误 通过 fail html 模块来统一处理系统异常 错误对用户的反馈 调用 fail html 把错误 异常信息作为参数传入 3 3 数据库设计 3 3 1 实体 E R 图 用户 用户名 密码 姓名 性别 生日 QQ 邮箱 第 页 11 管理员 管理员 用户名 管理员 密码 资源 新闻动态 图片 奖项新增 基本信息 技术评价 球队信息 视频 资源 资源类型 用户 管理员 属于 管理 操作 总体总体 E RE R 图图 管理员 管理 1 N N 1 N N 11 图 3 6 实体图 第 页 12 3 3 2 数据库的命名规则 数据库变量 使用类型 用户名 varchar 20 大于 2 位以下划线或字母开头 密码 varchar 20 大于 6 位 真实姓名 varchar 10 性别 bit 1 电子邮箱 varchar 20 用户的电子邮箱 检验字符串里面 有 符号 生日 date 职业 varchar 20 密保问题 varchar 30 用于取回密码 密保答案 varchar 30 用于取回密码 家乡 varchar 50 QQ varchar 20 住址 varchar 30 毕业院校 varchar 20 作品 ID Int 4 资源名称 varchar 20 类型 ID char 10 简单描述 varchar 200 评论内容 varchar 2000 作者 char 10 上传时间 Datetime 8 作品内容 Image E R 图 3 3 3 物理设计 1 user 表 记录用户信息 见表 3 1 表 3 1 user 表 属性类型 Null 缺省值说明 username 主键 varchar 20 否用户名 大于两位且以字母或 下划线开头 password varchar 20 否用户密码 密码必须大于六位 且设置安全强度 realname varchar 10 是用户真实姓名 sex Bit 1 是 0 用户性别 第 页 13 email varchar 30 是用户的电子邮箱 检验字符串 里面有 符号 birthdate 否出生日期 年 月 日 Job varchar 10 是用户职业 Question varchar 30 是密保问题 QQ varchar 20 是用户 QQ 号码 hometown varchar 50 是家乡 中文填写 address varchar 30 是住址 中文填写 answer varchar 30 是密保答案 Born Datetime 8 是出生日期 graduation varchar 20 是毕业院校 2 resources 表 记录资源信息 见表 3 2 表 3 2 resources 表 字段类型 Null 缺省值说明 RID 主键 Int 4 否系统分配给资源的 ID 号 Rname varchar 20 否资源名称 中文 classID char 10 否资源类型 ID describer varchar 200 是 资源具体描述 中文 不超 过 100 字 discuss varchar 2000 是评论内容 author char 10 否作者 dater Datetime 8 否上传时间 contentImage 否资源内容 3 3 4 安全性设计 数据库安全性问题一直是围绕着数据库管理员的噩梦 数据库数据的丢失 以及数据库被非法用户的侵入使得数据库管理员身心疲惫不堪 围绕数据库的 安全性问题提出一些安全性策略 数据库安全性问题应包括两个部分 1 数据库数据的安全 它应能确保当数据库系统 Downtime 时 当数据库数据存储媒体被破坏时 以及当数据库用户误操作时 数据库数据信息不至于丢失 2 数据库系统不被非法用户侵入 它应尽可能地堵住潜在的各种漏洞 防止非法用户利用它们侵入数据库系 第 页 14 统 3 3 5 系统安全性策略 1 管理数据库用户 数据库用户是访问 SQL 数据库信息的途径 因此 我们能很好地维护管理 数据库用户的安全性 按照数据库系统的大小和管理数据库用户所需的工作量 数据库安全性管理者可能只是拥有 create alter 或 drop 数据库用户的一个 特殊用户 或者是拥有这些权限的一组用户 我们只会分派那些值得信任的人 才应该有管理数据库用户的权限 2 用户身份确认 数据库用户可以通过操作系统 网络服务 或数据库进行身份确认 通过 主机操作系统进行用户身份认证的优点有 用户能更快 更方便地联入数据库 通过操作系统对用户身份确认进行集中控制 如果操作系统与数据库用 户信息一致 那么 SQL 无须存储和管理用户名以及密码 用户进入数据库和操作系统审计信息一致 3 操作系统安全性 数据库管理员必须有 create 和 delete 文件的操作系统权限 一般数据库用户不应该有 create 或 delete 与数据库相关文件的操作系 统权限 如果操作系统能为数据库用户分配角色 那么安全性管理者必须有修改 操作系统帐户安全性区域的操作系统权限 4 数据的安全性策略 数据考虑应基于数据的重要性 如果数据不是很重要 那么数据的安全性 策略可以稍稍放松一些 然而 如果数据很重要 那么应该有一谨慎的安全性 策略 用它来维护对数据对象访问的有效控制 5 用户安全性策略 一般用户的安全性 密码的安全性 通过数据库进行用户身份的确认 使用密码加密的方式与数据库进行连接 这种方式的设置方法如下 在服务器端的 PHPMYADMIN 中设置 权限管理 对于那些用户很多 应用程序和数据对象很丰富的数据库 充分利用 角 色 这个机制所带的方便性对权限进行有效管理 对于复杂的系统环境 角 色 能大大地简化权限的管理 终端用户的安全性 管理者可以决定用户组分类 为这些用户组创建用户角色 把所需的权限 和应用程序角色授予每一个用户角色 以及为用户分配相应的用户角色 当处 理特殊的应用要求时 安全性管理者也必须明确地把一些特定的权限要求授予 1 第 页 15 给用户 可以使用 角色 对终端用户进行权限管理 6 数据库管理者安全性策略 保护作为 sys 和 system 用户的连接 当数据库创建好以后 立即更改有管理权限的 sys 和 system 用户的密码 防止非法用户访问数据库 当作为 sys 和 system 用户连入数据库后 用户有 强大的权限用各种方式对数据库进行改动 保护管理者与数据库的连接 应该只有数据库管理者能用管理权限连入数据库 当以 sysdba 或 startup shutdown 和 recover 或数据库对象 例如 create drop 和 delete 等 进行没有任何限制的操作 使用角色对管理者权限进行管理 7 角色与权限 系统的角色与权限见表 3 3 表 3 7 角色与权限表 角色可以访问的表操作权限 用户管理员 user 检索 更新 删除 资源管理员 resources 检索 更新 删除 8 优化 给数据库做索引 合理的索引能立即显著地提高数据库整个系统的性能 参考有关 SQL 性能调试书籍 学会根据所需查询方式合理制作索引和根据索引 方式改进查询语句 在适当的情况下 尽可能的用存储过程而不是 SQL 查询 因为前者已经 过了预编译 运行速度更快 同时让数据库仅仅返回你所需要的那些数据 而 不是返回大量数据再让 JSP 程序过滤 总之要充分和有效地发挥数据库的强大 功能 让它按照我们的要求反馈给我们最合适和最精练的信息 在可能情况下应该使用 SQL 而不是 Access 因为 Access 仅仅是基于文 件的数据库 多用户性能很差 数据库连接尽量使用 OLEDB 和非 DSN 方式 因 为这种连接方式有更好的并发性能 9 数据库管理与维护说明 管理应具有一定的原则 任何用户都不能创建与自己同级别的用户 系统管理员能够管理所有的对象 部门管理员能够创建组 用户等对象 教师组能够管理课程 但不能创建组和用户 其他用户没有管理职能 所有用户均可以管理和维护个人信息资料 对数据库主要进行故障恢复 杀病毒 软件安装 数据恢复和备份等工作 保证数据库的正常工作 并预防和修复一切的突发事件 使用户的损失尽量减 第 页 16 到最小 第 页 17 4 网页前台架构设计 4 1 WEB 标准 WEB 标准不是某一个标准 而是一系列标准的集合 网页主要由三部分组 成 结构 Structure 表现 Presentation 和行为 Behavior 对应 的标准也分三方面 结构化标准语言主要包括 XHTML 和 XML 表现标准语言主 要包括 CSS 行为标准主要包括对象模型 如 W3C DOM VBScript 等 4 2 WEB 标准的好处 1 高效开发与简单维护 采用 WEB 标准的方式实现结构与表现相互分离 这样使得分离出来的结构 和样式代码可以重复使用 减少重复代码的编写 加快开发效率和成本 2 信息跨平台的可用性 采用结构和表现分离的技术 结构与表现各自为一个独立的个体 这样可 以使信息实现跨平台 我们可以针对不同的设备进行不同的样式进行替换 从 而实现一个结构文档在不用的平台设备上实现不用样式的表现 3 降低服务器成本 通过结构与样式的反复重用 整个网站的容量大大的减少 降低了服务器 成本 对于一个大型门户网站 如 雅虎 新浪等 如果其页面代码量减少一 半的话 那么其服务器带宽也就减少一半 进而服务器成本也减少一半 而采 用 WEB 标准进行网页重构时缩小的代码量不止一半 4 便于改版 对于经常改版的门户网站来说 使用结构与表现分离的方法可以大大降低 改版的开发成本 每次开发人员只需修改相应的样式文件即可 对应的页面结 构也会随之改变 使得改版的技术难度与开发周期降低 5 加快网页解析速度 采用结构与表现分离的技术 可以加快网页解析的速度 相对于传统的表 格嵌套表格的结构与表现混杂在一起的技术 浏览器在解析的时候能够更好的 理解页面元素的含义 6 更加良好的用户体验 结构与表现分离 使我们制作网站能充分的对网站内容 设计统一性 可 用性进行思考和设计 从而提高网站的可用性 改善用户体验 第 页 18 4 3 网页架构设计 4 3 1 网页总体布局 总体布局相对简单 采用传统网站的三栏式结构 把网页的主体部分放置 于网页中间 结构简单 页面一目了然 以便于适应各种分辨率之下的浏览模 式 top 部分为 logo 和导航栏 footer 部分为网页版权等其他信息展示部分 以上两部分在页面设计中基本不变 content 部分为主要展示的部分 内容变 化丰富 如图 4 1 所示 top content footer 图 4 1 网页总体布局 4 3 2 Top asp 布局 投票的最上端放置 FALSH 文件 作为网站 logo logo 下方为 banner 栏 其中包含导航条和搜索栏 二级导航栏在鼠标移动到二级导航栏时显示 如图 4 2 所示 第 页 19 content footer FALSH logo 二级导航按钮 分隔 top 与 content 一级导航栏搜索框 图 4 2 top asp 布局 4 3 3 主页 index asp 布局 参考一般资源网站 如 站酷网 的做法 将用户登陆框放置于 content 的左上方 此结构在用户进入主页时产生醒目之感 将最新作品动态展示于 content 部分的右上方 与登陆框有机的组成一个整体 同时与 top 部分分隔 出的空隙用户展现二级导航条 在这两部分的下方为点击量最高的五件作品 如图 4 3 所示 top footer 登陆框最新作品动态显示 点击量最高的作品展示 5 个 图 4 3 主页布局 第 页 20 4 3 4 用户注册 Reg asp 布局 按照页面设计的简洁性 注册界面应该只出现一个注册框即可 但这样的 话会造成页面呆板 因此 在注册栏右方加入用户注册须知的话既减少了用户 注册时错误的输入信息 又使页面整齐划一 充满美感 如图 4 4 所示 top footer 注册框注册用户须知 图 4 4 主页布局 4 3 5 个人主页 blog asp 布局 页面分为两个部分对称分布在页面左右两侧 一黑一白 进行反色的对比 分别为完善个人信息和上传作品两个部分 如图 4 5 所示 top footer 注册框上传作品 图 4 5 个人主页布局 第 页 21 4 3 6 搜索结果页 result asp 布局 参考 站酷网 的作品展示设计思路 页面展示 5 个作品的简略信息 简 略信息部分的大概结构为 左边作品缩略图 中间为文字描述 右边为作者信 息 如图 4 6 所示 top footer 作品信息作者信息作品缩略图 图 4 6 主页布局 4 3 7 作品详细信息展示界面 detail asp 布局 参考 站酷网 的作品展示设计思路 页面首先展示的是作品的基本信息 中间部分为作品的主要内容 页面下方为评论区 如图 4 7 所示 第 页 22 Top Footer 作品内容 作品简略信息 评论区 图 4 7 作品详细展示页面布局 4 4 网页色彩搭配设计 本设计所制作的网站色彩搭配简单大方 对比度适中主色调采用黑白灰三种 色彩描绘整个网站 某些地方适当加入三原色元素使页面活泼而不死板 祛除了黑白灰色彩在一 般人心理中的消极因素 其中加入透明元素 这是当今网页色彩设计绝无仅有的 体现了本设计的设 计特点 简约而不简单突出了网站的艺术性 在制作网站图片与图标时黑白灰三种色彩能够以最小占用资源来减少网页加 载时间 用作填充背景的图片尺寸仅为 3px 3px 大小 以主页为例分析网页色彩搭配 如图 4 8 所示 第 页 23 图 4 8 主页色彩分析 4 5 页面详细设计 根据上述的页面结构设计架构 按照 web 标准来编写相应 CSS DIV 代码 去除了以往表格编排页面的复杂性 使得结构和表现分离 以下展示页面部分 代码 使用黑白灰三种色调 添加彩色元素 适当添加透明元素 背景元素图片极小 缩短加载速度 第 页 24 5 系统实施 5 1 概述 系统实现是指通过一系列迭代过程 将设计模型转变成为可以交付测试的 软件 其工作过程是 首先 由结构师确定实现结构 然后再制定实现的迭代 计划 接下来由构件师通过多次迭代实现各个子系统和每一个子系统中的类和 接口 并进行单元测试 构件师把每次迭代的结果交由集成师进行系统集成 通过多次迭代完成实现最终系统 5 2 系统界面实现 5 2 1 用户注册界面 用户注册 用户登陆网站 如需要下载和发表评论需注册 点击 注册 弹出用户注册页 用户如实填写注册信息 并且留意注册页面左方的注册说 明信息 点击 确定 就可以开始下载资源和发表评论 如图所示 图 5 1 用户注册界面 第 页 25 5 2 2 用户登陆界面 用户登录系统 用户在资源前输入自己的用户名和密码进行登录 登陆完毕 后 自动刷新到主页 显示 今天是 XXXX 年 X 月 X 日 星期 X 欢迎回来 XX 进行资源搜索 如图 5 2 所示 图 5 2 用户登录界面 第 页 26 5 2 3 用户搜索界面 用户资源搜索系统 根据用户的需求在导航栏二级菜单中选择资源类 型进行点击或者在搜索栏中先选择资源类型再输入关键字进行搜索如图 5 3 所 示 图 5 3 用户搜索界面 5 2 4 作品搜索结果界面 用户通过资源类型或者关键字搜索进入搜索界面每页展示 5 件作品 页面 下方为分页文件 第 页 27 图 5 5 个人主页界面 5 2 6 作品详细信息界面 用户通过直接点击主页上的作品名称或缩略图进入作品详细信息界面 界 面展示的是一件作品的详细信息 作品内容下方为下载按钮 通过此按钮可以 下载该作品 界面的最下方为评论内容 包括其他用户的留言内容和用来发表 留言的留言框 以上功能只有注册用户才能实现 第 页 28 图 5 6 资源信息处理界面 第 页 29 6 软件测试 6 1 测试内容 6 1 1 用户登录系统 用户输入用户名和密码 如验证无误便可登陆成功 如果遗忘密码就要通 过密保问题进行索取 在登陆状态下可以进行作品的评论 资源的上传和下载 等活动 如果用户不登陆或为非会员 则只能对作品进行浏览 6 1 2 页面兼容性测试 采用当前的主流浏览器和在不同的分辨率下进行测试 查看网页整体结构 是否按照预设计思路布局 分辨率包括 1600 900 1280 800 1024 768 等 浏览器包括火狐 IE8 0 opera 等 6 1 3 会员注册系统 对注册为会员的用户的信息进行管理 用户输入的信息不满足要求时可以 进行数据的管理 6 1 4 资源搜索系统 根据用户的要求搜索相关资源 包括关键字搜索和按照类型进行搜索 如 资源不存在时系统会处理信息 6 2 测试环境 实际测试的环境是在几台分辨率不相同的计算机上进入 windows 系统用各 种版本的浏览器进行测试 包括 IE8 0 火狐 opeal 等浏览器连接到虚拟服 务器 IIS 上 然后进行该系统各个模块的测试 并记录各种信息 第 页 30 6 3 测试记录 6 2 1 用户登录模块测试 图 6 1 用户登录界面 用户登录模块测试如图 6 2 所示 如输入的密码和用户名对应时登陆框内显示右侧图片 如无输入或者操作 错误时 就会显示左侧图片 第 页 31 图 6 2 登录信息合法性弹出界面 6 2 2 用户注册模块测试 注册页面采用的是表单及时验证功能 其中用户名必须大于两位或者以字 母或下划线开头 密码必须大于六位且分为 弱 中 强 等三个级别 第三 栏验证两次输入密码的一致性 以上三项如有一项不满足要求时 确定 按 钮将不被激活 如果用户注册的用户名在数据库