毕业论文之信息系个人网站建设.doc

目目 录录 摘摘 要要 7 第第 1 章章 绪论绪论 9 1 1 网站的研究背景 9 1 2 网站研究的内容和目的 9 1 3 网站建设论文内容 9 第第 2 章章 企业网站主要技术企业网站主要技术 11 2 1 ASP 11 2 2 MICROSOFT SQL SERVER 2000 11 2 3 FIREWORKS MX 11 2 4 FLASH 11 2 5 DREAMWEAVER 12 第第 3 章章 企业网站建设需求分析企业网站建设需求分析 13 3 1 网站需求分析 13 3 1 1 网站目标分析 13 3 2 主页HTML分析 13 3 2 1 交互式页面分析 14 3 3 相关技术分析 14 3 3 1 ASP 特点 14 3 3 2 SQL server 与 access2000 14 3 3 3 Fireworks MX 14 3 3 4 Flash MX 15 3 3 5 Dreavaweaver MX 15 3 4 数据库分析 16 3 5 功能模块分析 16 3 6 网站发布 浏览 调试分析 16 第第 4 章章 网站的系统设计网站的系统设计 17 4 1 网站目标的设计 17 4 2 主页HTML设计 17 4 2 1 LOGO 和 Banner 17 4 2 2 前台网站的主页设计 18 4 2 3 网站的分页设计 18 4 2 4 后台网站的主页设计 18 4 2 5 网站的后台管理分页设计 18 4 2 6 交互式页面设计 18 4 3 数据库设计 18 4 3 1 数据库连接代码的设计 19 4 3 2 ASP 的对象存取数据库设计 20 4 4 功能模块的设计 20 2 39 4 4 1 整体功能模块的划分 20 4 4 2 各模块间的关系设计 21 4 4 3 特价商品模块设计 22 4 4 4 新品模块上架设计 23 4 4 5 商品分类模块设计 24 4 4 6 会员管理模块设计 25 4 4 7 销售排行榜模块设计 26 4 5 网站发布 浏览 调试设计 27 4 5 1 为什么 Mozilla 比 IE 更适合调试网站 27 4 5 2 运用环境 当 IE 脚本信息太简单时 27 4 5 3 错误 就这样被 揪出 27 4 5 4 严格模式 让网页显示更 顺畅 27 第第 5 章章 企业网站实现企业网站实现 29 5 1 网站目标实现 29 5 2 主页HTML实现 29 5 2 1 主页动态 Flash 的实现 29 5 3 数据库实现 30 5 3 1 数据结构实现 30 5 3 2 数据库表实现 30 5 4 功能模块实现 32 5 4 1 特价商品模块实现 32 5 4 2 新品上架模块实现 32 5 4 3 商品分类模块实现 33 5 4 4 会员管理模块实现 33 5 4 5 销售排行榜模块实现 35 5 5 网站发布 浏览 调试的实现 35 5 6 优化方案 36 第第 6 章章 总结与展望总结与展望 38 结束语结束语 39 参考文献参考文献 40 致致 谢谢 42 附附 录录 43 3 39 摘摘 要要 Internet 的迅猛发展正在彻底地改变我们的生活 工作方式 网络已经成为我们生活中 不可缺少的一部分 随着时代的发展 网络逐渐成为最时尚 最快捷的交流工具 从 2000 年 中国入世以来 全球经济一体化的趋势对国有企业带来巨大冲击 为适应时代发展 借鉴国际先进的管理经验 为了加强管理 提高工作效率 深化改革 我公司于 2011 年建立了自己的网站和局域网 Internet 上发布信息主要是通过网站来实现的 获取信息也是在 Internet 中按照一定的检索方式将所需要的信息从网站上下载下来 因此网 站建设在 Internet 应用中的地位显而易见 本网站的个性化页面生成系统是在 Dreamweaver 提供的完善的开发环境下 利用 IIS ASP 技术来实现完成的 本文中数据库服务器端采用了 Microsoft Access 数据库作为 ODBC Open DataBase Connectivity 数据源 并进行数据库存取等操作 从而使 Web 与数据库紧密联系起来 为了 充分利用网络资源 加强厂内各个部门的联系 加强合作 促进职工的学习热情 提高职工的 业务水平 建立此网站 关关键键词词 ASP 数据库 ODBC 网站设计 4 39 AbstractAbstract The rapid development of Internet is thoroughly change our lives work ways network has become us the indispensable part in life Along with the time development the network gradually become the most fashionable most efficient communication tools Since China s entry into wto from 2000 the trend of global economic integration of state owned enterprise to bring the huge impact To adapt to the social development from the international advanced management experience in order to strengthen the management improve work efficiency deepen reform my company in 2011 and set up their own site and LAN Posted on the Internet information mainly through the website to realize obtaining information is also in the Internet in accordance with certain retrieval will need information from the website and download down Therefore website construction in the Internet application status obviously this website personalized page generation system is provided in the development of the perfect Dreamweaver environment use IIS ASP technology to realize finish In order to make full use of network resources strengthen the contact each department in factory strengthen cooperation promote the worker s enthusiasm improve their business level setting up this web site keywords ASP database ODBC web site design 5 39 第 1 章 绪论 1 1 网站的研究背景 Internet 是目前世界上最大的计算机互联网络 它遍布全球 将世界各地各 种规模的网络连接成一个整体 作为 Internet 上一种先进的 易于被人们所接受 的信息检索手段 World Wide Web 简称 WWW 发展十分迅速 成为目前世界上最大 的信息资源宝库 据估计 目前 Internet 上已有上百万个 Web 站点 其内容范围 跨越了教育科研 文化事业 金融 商业 新闻出版 娱乐 体育等各个领域 其 用户群十分庞大 因此 建设一个好的 Web 站点对于一个机构的发展十分重要 近 年来 随着网络用户要求的不断提高及计算机科学的迅速发展 特别是数据库技术 在 Internet 中的广泛应用 Web 站点向用户提供的服务将越来越丰富 越来越人 性化 Internet 的迅猛发展正在彻底地改变我们的生活 工作方式 网络已经成 为我们生活中不可缺少的一部分 为了加强管理 提高工作效率 借鉴国际先进的 管理经验 深化改革 我公司于 2011 年建立了自己的网站和局域网 为了充分利 用网络资源 加强厂内各个部门的联系 加强合作 促进职工的学习热情 提高职 工的业务水平 建立此网站 1 2 网站研究的内容和目的 信息时代的来临拓宽了大家进行自我提升的途径 同时也对大家的素质提出了 更高的要求 被称为当今社会的 天之骄子 的电脑主宰着世界的前进 而主宰电 脑的我们则更应该多思考 多研究 多学习 只读书的学习方式一去不复返 科技 的日新月异 使我们不得不学习一种新的知识 计算机技术 怪不得有人说 不会 电脑的人 将是新世纪的文盲 足见网上学习的重要性 员工网上交流系统网站 将作为一个员工的学习 交流的平台 设立公司新闻 展示全公司风采 发布各种 新闻 单位组织的活动 等信息 设立学习平台实现网上学习 拓宽培训途径 随 着单位人事制度改革的深入 强化人才的管理 建立岗位竞聘模块 留言反馈 联 系我们的建立 便于于员工的互动和交流 1 3 网站建设论文内容 本文中数据库服务器端采用了 Microsoft Access 数据库作为 ODBC Open DataBase Connectivity 数据源 并进行数据库存取等操作 使 Web 与数据库紧 6 39 密联系起来 整个个性化页面生成系统主要由使用 Dreamweaver 开发的关联规则采掘系统和 利用 IIS ASP 技术实现的个性化 Web 页面生成器两部分组成 关联规则采掘系统对 数据库中的历史记录进行分析 产生用户关联规则表 页面生成器则负责记录用户 行为和根据关联规则表动态生成用户个性化 Web 页面 二者通过数据库服务器和 Web 服务器连接 站内浏客 浏览网页后知道本单位的概况 了解公司的组织结构 掌握和学习公司 专业知识 管理人员 对网站进行管理 回复留言 发布新闻 及岗位竞聘等内容 查看岗 位竞聘信息 并与之联系等 7 39 第 2 章 企业网站主要技术 2 1 ASP ASP Microsoft Active Server Pages 是一套微软开发的服务器端脚本 环境 ASP 内含于 IIS 3 0 和 4 0 以及更高的版本之中 通过 ASP 可以结合 HTML 网页 ASP 指令和 ActiveX 元件建立动态 交互且高效的 WEB 服务器应用 程序 所有的程序都将在服务器端执行 包括所有嵌在普通 HTML 中的脚本程序 当程序执行完毕后 服务器仅将执行的结果返回给客户浏览器 这样也就减轻了客 户端浏览器的负担 大大提高了交互的速度 因其有很多的优点 所以我在燕京网 上交流系统网站设计时选择了它 2 2 Microsoft SQL Server 2000 Microsoft SQL Server 2000 是企业级数据库解决方案 与 Microsoft Access 2002 相比 它极大地改进了可伸缩性 维护性和数据库恢复功能 由于 SQL Server 基于客户端 服务器体系结构 所以在通过远程连接处理和发送数据的 方式上与 Access 有很大的不同 SQL Server 还提供了许多功能 使数据查询 业务逻辑重用和数据备份等任务变得更简单 更灵活 2 3 Fireworks mx Fireworks mx 是 Macromedia 公司推出的平面图像设计和图像处理软件 它具 有强大的图像优化功能和操作易用性 受到广大平面图形设计人员及网页设计人员 的青睐 利用它可制作如按钮 背景图片 材质纹理 网页特效及网页效果设计等 MX 拥有可订制的 直观的 友好的界面 可订制的特性包括 面板布局 快捷键 和发布设定 用户界面和 Macromedia 的其他工具一样 这样给使用者在应用方面 带来很大的好处 2 4 FLASH FLASH 是制作动画的一个软件工具 它可以通过文字 图片 录像 声音等综 合手段形象的体现一个意图 通常像我们看到的广告片段一样 一般利用 Flash 技术来包装公司形象 进行产品宣传等 通过网页充分体现它的魅力 并可以达到 非常好的效果 与以前版本相比较 Flash MX 有如下特点 8 39 2 5 Dreamweaver Dreamweaver 是 Macromedia 公司推出的一款 平民化 的网页制作软件 具 有可视化编辑界面和强大的所见即所得网页编辑功能 用户不必编写复杂的 HTML 源代码 就可以生成跨平台 跨浏览器的网页 同时 Dreamweaver 支持动态 HTML 并采用了 Roundtrip HTML 技术 从而奠定了在网页高级设计功能方面的领 先地位 在进行网页设计过程中 动态 HTML 技术能够让用户轻松设计复杂的交互 式网页 产生动态效果 而 Roundtrip HTML 技术则可以支持 HTML 源编辑模式 不 会产生冗余代码 使网页渲染速度加快 因此 Dreamweaver 是一款可以满足多层 次需求 功能强大的可视化专业级网页设计和制作工具 9 39 第 3 章 企业网站建设需求分析 网站的总体规划 是从总体上对网站的架构进行整体规划 因为只有这样 才 能在网站的制作与维护中对网站的功能有一个清晰的把握 此外 做好网站规划 会对网站以后的功能扩展起到事半功倍的作用 3 1 网站需求分析 互联网丰富多彩 这些信息大多通过网页与用户进行交互 网页的实现形式多 种多样 无论是短小精悍的个人主页 还是结构清晰 信息丰富的大型网站 网站 的需求分析和规划设计都要放在第一步 因为它直接关系到网站的功能是否完善 质量是否能够达到保证 3 1 1 网站目标分析 网站建设目标说的通俗点就是网站建设的目的 即公司建设网站后想通过网站 来得到什么好处 是展示企业形象 是提供一个与外界交流的网络窗口 还是开展公 司产品的网络营销 还是其它 确定网站建设目标之前 要先对公司的整个业务流程 从如何寻找产品的渠道 到寻找到合适的目标客户到向客户宣传产品的过程在到完成客户签单 这一整个流 程中是否存在某些制约着公司发展的某个环节 那么要把他们挖掘出来 公司是为 没有客户发愁还是往往在介绍产品时忙的不可开交 只有对自己企业有了充分的认 识后 才能通过网站建设来解决这些实实在在存在的问题 这样的网站建设成功以 后 更有针对性 才是一个真正有用的网站 当然也可以为网站设定一个次要的辅助性的目标 比如网站是做婚纱摄影的 主要目标是让浏览者在网上订单 当主要目标没有达成时 可以通过制作一份婚纱 摄影电子杂志来吸引浏览者注册 通过杂志的精美内容来刺激浏览者消费呢 网站建设的目标是很重要的 它对企业网站建设是非常有帮助的 可以让网站 拥有良好的用户体验 3 2 主页 html 分析 一个好的主页对于网站来说至关重要 它不仅可以使网站的整体效果上升层次 同时也方便网站的交流 同时也更容易达到网站建设者的目的 而一个主页最显眼的地方就是 LOGO 和 banner 这是主页的头部 一个网址的 10 39 打开 人们总是最先看见主页的 LOGO 等 如何丰富主页对于一个网站建设来说是 门学问 针对本次的网站 要求要做到 LOGO 的醒目 而且开宗明义 能够清楚的 表达出网站的主旨是哪些 同时能够带有其特定的宣传效果 3 2 1 交互式页面分析 从用户角度来说 交互设计是一种如何让产品易用 有效而让人愉悦的技术 它致力于了解目标用户和他们的期望 了解用户在同产品交互时彼此的行为 了解 人 本身的心理和行为特点 同时 还包括了解各种有效的交互方式 并对它们 进行增强和扩充 交互设计还涉及到多个学科 以及和多领域多背景人员的沟通 通过对产品的界面和行为进行交互设计 让产品和它的使用者之间建立一种有 机关系 从而可以有效达到使用者的目标 这就是交互设计的目的 3 3 相关技术分析 3 3 1 ASP 特点 1 使用 VBScript Jscript 等简单易懂的脚本语言 结合 HTML 代码 即可快速地完成网站的应用程序 2 无须编译 容易编写 可在服务器端直接执行 3 使用普通的文本编辑器 如 Windows 的记事本 即可进行编辑设计 4 与浏览器无关 用户端只要使用可执行 HTML 码的浏览器 即可浏览 Active Server Pages 所设计的网页内容 5 Active Server Pages 的源程序 不会被传到客户浏览器 因而可 以避免所写的源程序被他人剽窃 也提高了程序的安全性 6 浏览器传送到站点服务器的表单输入访问和编辑服务器的数据库表 使 用浏览器即可输入 更新和删除点服务器的数据库中的数据 3 3 2 SQL server 与 access2000 虽然 SQL server 有很多的优点 但 SQL 用语创建大型数据库操作复杂 涉及 到的困难较多如数据库的移动等 又因我所选择开发的课题只是一个较小的课题 其数据库主要应用到网上注册 留言咨询系统中 杀鸡焉用宰牛刀 根据我的分析 可以选择简单的 Access 2000 数据库作为我的网站开发的数据库 因其操作非常简 单 可移动性好 随着网站可随意移到任何位置 界面直观 经常应用 使用熟 练等特点使它成为我的首选 3 3 3 Fireworks MX 11 39 突出功能介绍 图像大小尺寸的处理 打开要处理尺寸大小的图像 在 Modify 修改菜单中选择 Image Size 打开设置图像尺寸大小的对话框 进行具体选项设置 改变图像大 小 节省占用空间 图像优化的处理 主要是协调图像的质量和图像大小之间的关系 以便提高图像在 网页中的下载速度 具体步骤 打开图像 在 Window 窗口菜单中选择 Optimize 打开优化面板 进行具体优化设置 可以通过改变图像格式 实现优化处理 使用切割化设置 将图像分割成多个板块 然后在对不同的板块使用不同的优化 设置 具体步骤 打开图像 在 View 菜单中选择 Slice Overlay 项勾选 然后 单击 Show Hotspots and Slices 显示热区和切割 按钮 对图像进行切割处理 将一幅图像切割成若干小图像 提高网页浏览图像速度 3 3 4 Flash MX 类似文件夹的组织和层操作 timeline 的强化可以让你的工作更快速 工作 量更少 比如 改善的鼠标指针变形 多帧的修改长短 剪切和粘贴可以更加方便 的使用 timeline 通过易用的工具可以对图像对象进行斜拉 旋转 缩放和变形 当你改变 shapes symbols 和 graphic elements 时 新的工具可以加强你的创造力 使用动态蒙板可以产生复杂的效果 利用 movie clip 建立动态的效果 也可 以利用 ActionScript 控制蒙板 3 3 5 Dreavaweaver MX Dreavaweaver MX 软件具有以下特色 出色的工作界面 将所有与 Dreamweaver 关联的窗口都融入一个多重文档窗口 中 用户可以随时查看各种资源 并且可以设置单个或多个面板自由显示 使用户 更精确地掌握网页制作的细微之处 拥有更强大的协作能力 能够与 Macromedia 公司的其他网页制作软件 如 Flash MX Fireworks MX 等协调一致工作 从而使得轻松制作网页成为可能 提供了更为强大的多媒体处理功能 在设计 DHTML Dynamic HTML 和 CSS Cascading Style Sheets 方面表现得极为出色 它利用 JavaScript 和 DHTML 语言代码轻松地实现网页元素的动作和交互性操作 在这方面超过了 FrontPage 12 39 XP Hotdog 和 Homesite 等著名网页设计软件 成为目前最为流行的网页设计工具 允许在 Dreamweaver 中直接制作 Flash Text Flash Button 插件 同时全面 支持 ASP ASP NET JSP PHP XML VXML 和 CFML 等代码 支持目前流行的大部 分网络设计代码 增强了库和模板功能 使用户可以直接建立具有专业界面和代码的网页 3 4 数据库分析 数据库是系统设计的另一个关键环节 数据库技术使信息资源管理最有效的手 段 数据库设计是指对一个给定的应用环境 构造最优的数据库模式 建立数据库 及其应用系统 有效存储数据 满足用户要求和处理要求 数据库结构设计的好坏 将直接对应用系统的效率及实现效果产生影响 设计数据库系统时首先充分了解各个方面的需求 包括现有的及将来可能增加 的需求 由于本系统面向的对象有 3 个 即用户 会员和管理员 所以在数据库需 求分析中就要考虑三方面因素 3 5 功能模块分析 一个好的网站肯定是有各种类型的功能模块组成 不同模块有着各自不同的作 用 是沟通网站与用户的一个基本桥梁 而功能模块分为前台模块和后台模块 主 要分别控制着前台一些网站的基本功能和后台的功能 达到实现网站作用的目的 同时也更好的发挥网站的作用 3 6 网站发布 浏览 调试分析 虽然 Internet Explorer 简称 IE 在浏览器市场中占据着优势性份额 但并 不是说它强大到无可挑剔的地步 除了安全隐患问题 在站长进行网站调试时 也 暴露出 IE 的严重不足 其实 很多站长都利用 Mozilla 这款老牌的 Web 浏览器来 调试自己的网站 它可以快速 高效 即时地找出网页中存在的问题 13 39 第 4 章 网站的系统设计 由需求分析得知 可以将网站功能分为前台和后台两类 由此模块也分为两 大类 前台模块和后台模块 4 1 网站目标的设计 网站目标必须是可以通过网络来精确测量的 比如对公司产品的展示 有多少 人查看了公司产品信息 对哪种产品关注度最高 在比如又有多少人下载了公司的 试用软件 优惠券 而不能是直接让客户到公司来购买产品这种泛泛的不容易监测 的目标 只有对目标的完成率有了准确的测量才能更好的开展网站推广 网站营销的工 作 可能很多公司在整个产品的效果过程中存在过多的问题 都想通过网站建设来 解决 愿望是美好的 但现实是 只能选择一个主要的目标 一个准确的首要目标 才能准确的指导网站建设 根据这一宗旨 本网站主要针对云南戈蓝汽车服务有限公司的特色确立为一个 综合型服务网站 主要起到宣传互动作用 4 2 主页 html 设计 4 2 1 LOGO 和 Banner 网站的 LOGO 和 Banner 是网站的标志 由标志图片 网站名称 宣传语和宣传 图片组成 其中 网站标志和网站名称是用 Firewoks MX 软件设计实现的 宣传 语和宣传图片是用 Flash MX 软件设计实现的 代码如下 部分 14 39 dede global cfg webname script language javascript type text javascript src ded 4 2 2 前台网站的主页设计 在网站中设计中 为保持各个页面的连贯性 采用分块设计 设计 Head asp 作为各个网页的头部 设计 Foot asp 作为网页的页脚 头部与页脚的色调以蓝色 调为主 醒目 突出重点 中间内容部分以白色作为基色调 能够把内容鲜明的体 现出来 4 2 3 网站的分页设计 网站的分页是由主页链接的目标页 其内容为主页链接的详细内容展开 本网 站中设置了一级 二级子页 个个栏目的内容 各级子页面保持与主业面的风格 实现了网站的统一 4 2 4 后台网站的主页设计 在网站中设计中 为保持各个页面的连贯性 采用分块设计 后台设计采用了 与前台相同的技术 但页面风格不同 4 2 5 网站的后台管理分页设计 网站的后台以红色为基调 首页不再显示各分页面的内容 后台进入需要登陆 总之后台管理的设计思想是尽量直接实现各种功能 不需其他技巧就能完成后台管 理 使其不需要多少的计算机专业技能 也能轻松胜任 4 2 6 交互式页面设计 交互式页面利用 ASP FLASH 以及数据库技术有机的结合 达到方面用户浏览 网页 方便管理员管理网站的目的 4 3 数据库设计 在设计网站的后台数据库时我采用的数据库是 Microsoft Access 2000 建立 后缀为 mdb 的库文件 在网站中前台与后台管理系统共同使用一个数据库 15 39 用户 发送 记录 发表 发布 公告 从属 包含 版面分类 从属 版面日志 广告 m m 1 1 m m 1 1 m 11 1 1 1 帖子 sjhhsjb asp 来完成各自的任务 用 asp 将数据库封装 加强了数据库的安全性 在数据库中共有 12 张表 与前台有关的表有 4 张表 User 表正在建设中 后台 管理相关有 11 张表 得到上面的数据项和数据结构以后 就可以设计出能够满足用户需求的各种实 体 以及他们之间的关系 为后面的逻辑结构设计打下基础 这些实体包含各种具 体信息 通过相互之间的作用形成数据的流动 本系统根据上面的设计规划出的实体有 管理员信息实体 版主信息实体 用 户信息实体 帖子实体 短消息实体 公告信息实体 版面信息实体 管理员信息实体图如图 4 1 所示 用 户 名密 码权 限 图 4 1 管理员信息实体图 数据库系统总体联系图如图 4 2 所示 图 4 2 系统总体 E R 图 4 3 1 数据库连接代码的设计 要使用后台数据库的数据 必须先进行数据库的连接与打开 要连接数据库我 管理员 16 39 们必须使用 ADO 对象群的 Connection 对象 asp 数据库的连接有 2 种方法 1 可以使用 DSN 在 Web 应用程序和数据库之间建立 ODBC 连接 DSN 是一 种名称 它包含使用 ODBC 驱动程序连接到指定数据库所需的全部参数 2 可以使用非 DSN 连接在 Web 应用程序和数据库之间创建 ODBC 或 OLE DB 连接 即连接字符串 使用连接字符串来创建该连接 连接字符串包含 Web 应用程序在服务器上连接 到数据库所需的全部信息 Dreamweaver 在网页的服务器端脚本中插入该字符串 以便让应用程序服务器在随后进行处理 下面是一个连接字符串示例 Driver Microsoft Access Driver mdb DBQ d abc wwwroot myweb data mdb 后台数据库的连接因非 DSN 连接简单我选择了非 DSN 连接 由于连接方法相同 我在每个交互式系统中都建立了一个 conn asp 连接和打开数据库文件 以供其他 动态网页文件包含应用 代码如下 4 3 2 ASP 的对象存取数据库设计 在 ASP 中 用来存取数据库的对象统称 ADO Active Data Objects 主要含 有三种对象 Connection Recordset Command Connection 负责打开或连接数据 Recordset 负责存取数据表 Command 负责对数据库执行行动查询命令 4 4 功能模块的设计 4 4 1 整体功能模块的划分 用户在前台的注册 登录 以及修改个人的注册信息组合成注册登录模块 用户浏览板块 浏览主题帖列表 查看图片信息组成浏览模块 用户发布信息 回 信息 编辑自己发布的需求信息组成发帖回帖模块 管理员编辑信息 删除信息 转移信息 置顶文章和指定精华帖子组成管理帖子模块 以上 4 个模块组成前台的 17 39 功能模块 后台模块都是与管理员相关的 设置网站参数单独为网站设置模块 创 建 修改和删除版块为管理版块模块 添加 删除和设置权限为管理用户模块 如 图 4 3 所示是网站的功能模块图 会 员 注 册 登 录 模 块 汽 车 广 告 模 块 新 闻 娱 乐 版 模 块 发 布 信 息 模 块 网 站 设 置 模 块 管 理 板 块 模 块 管 理 用 户 模 块 前台模块后台模块 网站系统 图 4 3 网站的功能模块图 4 4 2 各模块间的关系设计 每个模块的功能 真实反映需求 通过对需求的认真分析 可以设计出符合要 求的单独模块 但是 关键在于对系统架构的把握 把零散的功能模块用一条主线 串联起来 构建完整的系统 管理用户模块与注册登录模块关联 是由同一类对象 用户决定的 注册后 获得论坛的身份 成为用户 所有的用户需要接受管理员管理 用户登录证明自己 在论坛中的身份 如图 4 4 所示 注册登录用户管理用户 图 4 4 管理用户模块与注册登录模块关系图 弄清楚模块间的关系 就可以设计出论坛系统的整体架构 如图 4 5 所示 18 39 注册登录管理用户用户 管理板块选择版块 发布供需管理信息浏览供需 搜索 管 理 员 图 4 5 系统的整体架构图 根据系统的入口不同 可分为前台系统和后台系统 前台系统包括注册登录模 块 浏览模块 发帖回帖模块 管理帖子模块 后台包括管理用户模块 管理板块 模块 至此 网站系统的架构部分设计完成了 需要进一步设计具体的数据库结构 确定系统的数据基础 4 4 3 特价商品模块设计 1 查询数据表中的特价商品 特价商品信息同商品基本信息同时保存在商 品信息表 tb goods 中 以字段 sale 标识 当 sale 字段的值为 1 时 代表该商品 为特价商品 在网站首页中查询特价商品的代码如下 特价商品页面 sale jsp 中查询特价商品的代码如下 connDB conn new connDB ResultSet rs conn executeQuery select ID GoodsName Introduce price nowprice picture from tb goods 19 39 where sale 1 order by GoodsName 2 制作显示特价商品信息部分 在网站首页中显示特价商品信息采用了分 栏技术 也就是应用 if 语句结合求模运算符实现在一个单元格中同时显示两列数 据 关键代码如下 此处省略显示商品信息的代码 此处省略显示商品信息的代码 4 4 4 新品模块上架设计 新品上架信息同商品基本信息同时保存在商品信息表 tb goods 中 以字段 newGoods 标识 当 newGoods 字段的值为 1 时 代表该商品为上架新品 在网站首 页中查询新上架商品的代码如下 4 4 5 商品分类模块设计 实现以树状菜单的形式显示商品的大 小分类信息的关键是获取商品的大分类 信息 并分别查询出每个大类所对应的小分类信息 再通过标记和 JavaScript 自定义函数实现结点的显示和隐藏 关键代码 部分 如下 此处省略了部分HTML代码 if subType RC 21 39 a href Javascript ShowTR img OpenRep img src images jia gif border 0 alt 展开 id img a href Javascript ShowTR img OpenRep 4 4 6 会员管理模块设计 在前台的会员管理模块中主要包括会员注册 会员登录 会员资料修改 3 部分 由于会员资料修改同会员注册的实现方法类似 只是调用的 SQL 语句不同 所以此 处只给出会员注册和会员登录进行介绍 会员注册模块由两个页面组成 一个是用于收集用户输入的注册信息的会员注 册页面 另一个用于将会员注册信息保存到数据表中的处理页 会员注册页面主要由表单元素组成 比较简单 将会员注册信息保存到数据表中 首先使用 JavaBean 中的 member 类保存客户 端输入的会员信息 再通过调用 memberDaoImpl 中的 insert 方法将会员信息保存 到会员信息表中 在保存会员信息时 还需要判断会员名是否存在 必须保证会员 名称的惟一性 保存会员信息的完整代码如下 一次性为JavaBean的 所有属性赋值 connDB conn new connDB request setCharacterEncoding gb2312 编码转换 String username member getUsername ResultSet rs conn executeQuery select from tb Member where username username 22 39 if rs next out println alert 该用户名已经存 在 请重新注册 window location href register jsp else int ret 0 MemberDaoImpl ins member new MemberDaoImpl 创建 GoodsDaoImpl对象的实例并实例化该对象 ret ins member insert member 执行JavaBean GoodsDaoImpl 中的方法添加商品信息 if ret 0 out println alert 用户注册 成功 window location href index jsp else out println alert 用户注册 失败 window location href register jsp 4 4 7 销售排行榜模块设计 销售排行页面主要是将订单视图中的数据按 GoodsName GoodsID 字段分组并 统计销售数量 再按统计后的销售数量降序排列 最后再使用 SQL 语句中的 top 关 键字取出销售量最高的前 10 种商品 关键代码如下 4 5 网站发布 浏览 调试设计 4 5 1 为什么 Mozilla 比 IE 更适合调试网站 和 IE 不同的是 Mozilla 不但可以用于网页浏览 网页编辑 更为重要的是 Mozilla 内置了强大的调试工具 能方便 高效地对站点网页进行 JavaScript 纠 错 Cookie 管理 源代码查看 DOM 查看和页面信息查询等 这些都是 IE 不容易 做到的 4 5 2 运用环境 当 IE 脚本信息太简单时 在网页编写中使用 JavaScript 是司空见惯的事情了 当 JavaScript 出现问题 时 在 IE 浏览器中只会弹出一个简单的错误提示对话框 告诉你该网页有错误 出错提示信息过于简单 而且无法进行管理 满足不了调试网页工作的需要 这种 情况下 我们就可以利用 Mozilla 来解决 4 5 3 错误 就这样被 揪出 Mozilla 内置了 JavaScript 控制台 只要你在网页调试时打开 JavaScript 控制台 就可以看到被记录下的 JavaScript 错误提示信息 方便大家找出错误所 在 起到即时修正网页错误的目的 如何利用 Mozilla 内置的 JavaScript 控制台 来快速定位问题所在 其实 非常简单 使用 Mozilla 浏览器进行网站调试时 依次点击 工具 Web 开发 JavaScript 控制台 项目后 弹出 JavaScript 控制台 对话框 在列表框中 记录着网页的 JavaScript 出错信息 并且每项错误信息都详细地记录着出错的文 件名 JavaScript 错误所在行号 以及错误出现时的上下文 这样一来就很容易 找出 JavaScript 出错位置和错误原因 此外 你还可以右键点击错误项目 在弹 出的菜单中选择 复制 项目 将 JavaScript 出错信息复制到剪贴板中 以便保 存到其他文件中 提示 虽然 JavaScript 控制台功能强大 但也有不足之处 这就是无法将所 有的 JavaScript 出错项目保存到一个文件中 只能逐条手工保存 4 5 4 严格模式 让网页显示更 顺畅 网页调试中 除了 JavaScript 错误信息外 还有一种出错信息 就是 严格 24 39 的 JavaScript 警告 信息 虽然这种 JavaScript 警告 没有 JavaScript 错误 信息严重 但它也会严重地影响到网页的显示速度 要想让你的网站做得完美 这 种 JavaScript 警告错误也必须剔除 默认情况下 Mozilla 是不记录 严格的 JavaScript 警告 信息 必须手工 激活该功能 在 Mozilla 浏览器主窗口中 点击 编辑 首选项 后 弹出首选项 对话框 切换到 调试 项目栏 选中 显示严格的 JavaScript 警告信息 选项 最后点击 确定 按钮 这样 JavaScript 控制台 就会记录下这些警告信息 方便用户查找 JavaScript 问题所在 优化你的网页 让它显示得更顺畅 25 39 第 5 章 企业网站实现 根据的前面的分析设计可以得到网站具体需要实现功能 5 1 网站目标实现 当前期的工作完成 网站建设的目标基本实现 下面介绍的就是具体实现后的 页面截图 同时 网站的一些基本功能也将实现 5 2 主页 html 实现 5 2 1 主页动态 Flash 的实现 运用 PhotoshopCS4 制作一个简单的动态 Flash LOGO 要求能够熟练的掌握该 软件的使用方法 熟悉制作流程 1 启动开始菜单中的 PS 软件 2 单击欢迎屏幕中的 Flash 文件 或单击新建文件 选择属性 3 选择 文件 导入 导入到舞台 命令 打开 导入 对话框 找 到并选择配套资料中的图片 image jpg 然后单击 打开 按钮 4 新建一个图层 2 并将另外一个素材图片导入 5 在时间轴面板的图层 1 中的第 50 帧处右击 然后在弹出菜单中选择 插入 关键帧 命令 在第 50 帧插入一个关键帧 6 在时间轴面板的图层 2 的第 15 帧处右击 在弹出菜单中选择 插入关键帧 命令 在第 15 帧插入一个关键帧 7 单击图层 2 的第 15 帧 然后在图片上右击 选择弹出菜单中的 任意变形 命令 在出现变形句柄后使用鼠标适当调整图片内容的位置和大小 8 单击图层 2 的第 1 帧 使用鼠标适当调整图片的位置和大小 9 在文本 属性 面板中 单击左下角的 添加滤镜 按钮 然后选择弹出 菜单中的 投影 命令 为文本添加默认的黑色投影 10 用与前面所述步骤类似的方法创建文本投影 并创建传统补间动画 11 最后输出动画 选择 文件 导出 导出影片 命令 打开 导出 影片 对话框 然后选择一个存放导出影片的位置 并为文件命名 12 单击 保存 按钮 完成影片的导出 13 将所制作影片插入网页中即可 主页前台生成效果为图 5 1 26 39 图 5 1 前台网站主页生成效果 5 3 数据库实现 5 3 1 数据结构实现 针对网站的需求 通过企业的管理过程中内容和流程的分析 图 5 2 数据库结构图 5 3 2 数据库表实现 首先将网站管理信息系统的数据库概念结构转化为 SQL 2000 数据库系统所支 持的实际数据模型 即 数据库的逻辑结构 网站的数据库 LuntanLuntan 表 L PublishPublish 表ShijiShiji 表UserUser 表 列 名数据类型可否为空说 明 27 39 luntan 表 表 5 1 luntan 列名数据类型可否为空说明 ID 自动编号 NOT NULL title 文本 NOT NULL 文章标题 publisher 文本 NULL 文章发布人 detail 文本 NULL 文章具体内容 publish 表 表 5 2 publish 列名数据类型可否为空说明 ID 自动编号 NOT NULL name 文本 NOT NULL 图片名称 content 文本 NULL 图片具体内容 title 文本 NULL 图片内容标题 publisher 文本 NOT NULL 发布人 shijishiji 表表 表 5 3 shiji 列名数据类型可否为空说 明 ID 自动编号 NOT NULL daytime 文本 NOT NULL 事记时间 content 文本 NOT NULL 事记内容 28 39 user 表 表 5 4 user 列名数据类型可否为空说 明 ID 自动编号 NOT NULL name 文本 NOT NULL 管理员登录名 passwd 文本 NOT NULL 管理员密码 5 4 功能模块实现 5 4 1 特价商品模块实现 特价商品模块共有两个入口 一个是网站导航条中的 特价商品 导航按钮 另一个是网站前台的居中位置 分栏列出了商城中特价商品中最新的两条特价商品 信息 单击特价商品展区中的 More 超链接可以进入到特价商品页面 在该页 面中将列出商城中的全部特价商品 主要包括商品图片 名称 原价 现价等信息 同时设置了 购买 按钮和 详细信息 按钮 分别用于将商品信息添加至购物车 和查看商品详细信息 特价商品模块在网站首页的设计效果如图 5 3 所示 图 5 3 特价商品模块在网站首页的设计效果 5 4 2 新品上架模块实现 新品上架模块也有两个入口 一个是网站导航条中的 新品上架 导航按钮 另一个是网站前台的居中位置 列出了商城中上架新品中的最新上市的 4 条商品信 息 单击新品上架展区中的 More 超链接可以进入到新品上架页面 在该页面 中将列出商城中的全部上架新品 主要包括商品图片 名称 现价等信息 同时设 29 39 置了 购买 按钮和 查看详细信息 按钮 分别用于将商品信息添加至购物车和 查看商品详细信息 下面只以首页中的新品上架为例进行介绍 新品上架模块在网 站首页中的设计效果如图 5 4 所示 图 5 4 新品上架模块在网站首页中的设计效果 5 4 3 商品分类模块实现 为了方便用户查询所需商品信息 在网站中设置了商品分类显示模块 在网站 首页的右侧以树状菜单的形式列出了商品的大 小分类信息 用户单击大类别结点 可以显示出该类的所有小类信息 单击小类结点可以进入到分类商品显示页面查看 该类别的全部商品信息 在分类商品显示页面中 单击商品名称可以查看相应商品 的详细信息 如果用户已经登录 还可以直接将商品信息添加至购物车中 商品分 类模块的页面设计效果如图 5 5 所示 图 5 5 商品分类模块的页面设计效果 5 4 4 会员管理模块实现 会员注册的入口位于网站首页的左侧 用户单击 注册 按钮即可进入到会员 注册页面 该页面的设计效果如图 5 6 所示 30 39 图 5 6 会员注册页面设计效果 会员登录用于网站会员登录本网站进行购物或查看订单情况 会员登录入口位 于网站首页的左侧 页面运行结果如图 4 所示 下面给出会员登录页面的设计效果 图和会员登录后的会员登录页面的运行结果 分别如图 5 7 图 5 8 所示 图 5 7 会员登录页面的设计效果 图 5 8 会员登录后的会员登录页面的运行结果 31 39 当用户在登录窗口中输入用户名和密码后 单击 登录 按钮 系统将对输入 的用户名和密码进行验证 如果用户输入的用户名存在并且冻结字段的值不为 1 则判断