AJAX技术在网页编程的实现-附件一.doc

1、AJAX 技术在网页编程的实现 28 附件一： 厦门大学软件学院毕业设计（论文）开题报告 学生姓名 班级 学号 指导教师姓 名 职称 所在单位 厦门大学软件学院 毕业设计（论文）题 目 AJAX 技术在网页编程的实现 毕业设计（论文）的 目标： 做 一个类似摩客电子杂志 （ http:/） 但以社区为主的电子杂志网站 。 目标： 网站主要定位是提供电子杂志浏览与下载，能够让用户使用网站上现有的或者其他用户上传的素材在线 DIY，然后将结果保存成作品并收藏或者发布。网站将提供一个良好的用户与网站交互、用户与用户交流的平台，在尽量提高网络资源利用率的前提下，保证行业资讯的时效性和专业性。 网站使用

2、者的角色包括：网站管理者和网站用户。管理者可对网站的所有信息进行浏览、发布、删除、编辑等操作，是网站部分模块的主要信息资源提供者；网站用户除了基本的编辑个人基本信息外，还可以上传并管理自己的素材，并使用自己和其他用户上传的素材进行个性化的电子杂志设计，最终作为个人作品发布到网站上面与其他用户分享。用户还可以对杂 志、作品、素材等进行点评和评分，参与网站部分信息的管理。 特点： 网站界面将以简洁、清爽为主要设计风格，在保证良好视觉效果的同时，也提高了用户的浏览速度。功能上在保证浏览速度的同时，将尽可能地提高用户与网站的交互性，激发用户的积极性和主动性。 技术上 我们将利用 AJAX 技术来实现比

3、如表单提交、用户评分、用户登录、在线修改、在线点评等交互操作，以改善用户体验。 AJAX 技术在网页编程的实现 29 实现方法： 一、网站系统 该系统运行环境 Linux Apache PHP MYSQL 说明： Linux:服务器运行操 作系统为 Linux； Apache:Web 服务器软件 Apache HTTP Server； PHP:服务端脚本语言（“ PHP: Hypertext Preprocessor”，超文本预处理器）； MYSQL:一款免费的数据库管理软件。 系统开发环境 Windows + Apache + PHP + MYSQL + IE + FireFox 说明：网页

4、在不同的浏览器上有一致的显示效果，在开发时要考虑浏览器兼容性。网页要 w3c 的 xhtml 和 css 表现形式。 IE 用来作开发测试， FireFox 用来兼容性测试（ Firefox 浏览 w3c 标准较接近）。 开发环境设置： 网上下载 Apache Http Server 2.2、 PHP5、 MYSQL、 Firefox,安装各个软件。 设置 Apache 内 httpd.conf 文件，使 Apache 加载 PHP5 模块以及设置服务器端网页放置的虚拟位置； 设置 php5.ini，添加 PHP5 对 MYSQL 和一些相关功能的支持； 在 http:/ 上为 Firefox

5、 下载 Firebug 插件（ Firebug是一个可以跟踪、调试 JavaScript 的插件）； 二、网站设计 AJAX 技术在网页编程的实现 30 1 网站特点 网站界面将以简洁、清爽为主要设计风格，在保证良好视觉效果的同时，也提高了用户的浏览速度。功能上在保证浏览速度的同时，将尽可能地提高用户与网站的交互性，激发用户的积极性和主动性。 技术上我们将利用 AJAX 技术来实现比如表单提交、用户评分、用户登录、在线修改、在线点评等交互操作，以改善用户体验。 2网站规划 2 1网站功能规划 根据网站的定位与设计目标，网站功能大概分为以下几个模块： 用户模块： 包括用户注册、激活、资料管理、积

6、分计算、密码修改、找回密码、注销等功能。 素材上传：包括标签管理、目录管理、素材上传、素材管理等功能。 管理后台：包括用户管理（资料、积分、权限、查询、用户组等）、图片素材管理（标签管理、分类管理、目录管理、素材管理、查询等）、系统参数设置、管理帐户等基本功能及其他相关功能。 电子杂志发布：包括电子杂志发布、浏览、下载、收藏、点评等相关功能。 电子杂志在线 DIY：用户可以使用现有网站的素材资源，按照自己的喜好和习惯，进行电子杂志的个性化设计，然后保存成作品供大家浏览和下载。 其他功能模块：包括论坛、行业资讯发布等。 2 2 用户信息管理 用户必须现在网站注册一个用户（注册使用的登录帐号和邮箱

7、都必须是唯一的，注册时会进行检查），注册完成后系统将自动发送一个邮件到用户注册的邮箱，邮件中包含了一个激活用户的链接，用户可通过此链接来激活帐号，用户登录后拥有系统默认的一些普通用户权限，并进行系统赋予的操作，例如资料管修改、密码修改、注销登录以及其他模块的相关功能如图片素材收藏夹管理等。 AJAX 技术在网页编程的实现 31 (图 2.2.1) 用户模块功能流 程图 2.3 图片素材管理 用户激活后即拥有图片素材上传、管理权限，登录后可在自己的用户目录下建立、管理目录，可新建、管理素材标签，可上传并管理自己的图片素材。此外用户还将拥有一个图片素材收藏夹，用于收藏用户喜欢的图片素材，用户收藏夹

8、下也可以新建、编辑标签操作。 用户素材目录将不限制级数（即目录深度），素材标签与收藏夹标签级数为1。 2.4 系统管理后台 系统管理后台可分为根据功能分成几个模块： 2.4.1 用户模块：包括用户信息查询、编辑、删除，用户权限控制，用户组管理，用户组权限设定等相关功能。 2.4.2 素材模块：可对素材、目录、标签、收藏夹标签等进行查询、编辑、删除等管理操作。 2.4.3 电子杂志：管理者通过后台电子杂志管理模块上传和管理电子杂志，同时也可以进行对电子杂志点评的管理，并进行相关的数据统计（如杂志访问量、分类访问量等）。 AJAX 技术在网页编程的实现 32 2.5 电子杂志浏览 用户可以在网站上

9、面按照分类、标签浏览电子杂志，也可以关键字或者标签搜索并浏览满足条件的电子杂志，可在网站的任何一个页面下载、订阅、收藏自己喜欢的杂志，可以对杂志进行点评和评分，也可以将自己喜欢的杂志推荐给自己的朋友。 2.6 网站论坛管理 使用 discuz 论坛系统，其中论坛用户和网站用户共用，即在论坛或者网站登录之后即可以在网站各个子系统通行，无需重新登录。 3 网站数据库设计 3.1 网站数据库设计规范 网站数据库对象设计及命名一律采用小写字母且使用英文或者英文简写，必要时可以使用数字，不允许采用中文拼音或缩写。各部分之间使用下划线连接 3.2 网站数据库规划 按照项目功能需求，经过分析设计并加以调整优

10、化，数据库结构规划大概如下： 3.2.1 用户信息类相关数据表 3.2.2 电子杂志信息类数据表 3.2.3 图片素材信息类表格 3.2.4 其他 模块表格 主要指系统参数设置如积分规则等相关表，根据系统需求定义。 4 网站界面及应用程序设计说明 4.1 网站界面设计说明 网站风格以设计简洁、色彩柔和为主，以线条作为分割，又保证做到内容块与块之间分开而不分离；以淡蓝和淡绿为基色，视觉效果舒适柔和，美而不艳；网站风格保证整体一致，功能模块之间使用色彩加以区分，做到整站风格一致又不单一。 4.2 网站应用程序规划说明 服务器端 php 代码按照具体的功能进行规范化命名和封装，客户端javascript 代码按照功能进行规范化命名，保证代码的可读性和代码修改的方AJAX 技术在网页编程的实现 33 便性。 时间进度安排： 2007 年 2 月 26 日 -6 月 11 日：学生参加毕业实习与毕业设计（论文） 2007 年 3 月 31 日前完成毕业设计（论文）的开题报告，交指导教师，并由指导教师签署意见后上交学院 2007 年 6 月 11 日前撰写好毕业设计（论文），交指导教师 2007 年 6 月 12 日 6 月 14 日：学院组织举行毕业设计（论文）公开答辩 指导教师审核意见： 校外指导教师签名： 2007 年 月 日 校内指导教师签名： 2007 年 月 日