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

AJAX技术在网页编程的实现附件一：厦门大学软件学院毕业设计（论文）开题报告学生姓名班级 学号 指导教师姓 名职称 所在单位厦门大学软件学院毕业设计（论文）题 目AJAX技术在网页编程的实现毕业设计（论文）的目标：做一个类似摩客电子杂志（）但以社区为主的电子杂志网站。目标：网站主要定位是提供电子杂志浏览与下载，能够让用户使用网站上现有的或者其他用户上传的素材在线DIY，然后将结果保存成作品并收藏或者发布。网站将提供一个良好的用户与网站交互、用户与用户交流的平台，在尽量提高网络资源利用率的前提下，保证行业资讯的时效性和专业性。网站使用者的角色包括：网站管理者和网站用户。管理者可对网站的所有信息进行浏览、发布、删除、编辑等操作，是网站部分模块的主要信息资源提供者；网站用户除了基本的编辑个人基本信息外，还可以上传并管理自己的素材，并使用自己和其他用户上传的素材进行个性化的电子杂志设计，最终作为个人作品发布到网站上面与其他用户分享。用户还可以对杂志、作品、素材等进行点评和评分，参与网站部分信息的管理。特点：网站界面将以简洁、清爽为主要设计风格，在保证良好视觉效果的同时，也提高了用户的浏览速度。功能上在保证浏览速度的同时，将尽可能地提高用户与网站的交互性，激发用户的积极性和主动性。技术上我们将利用AJAX技术来实现比如表单提交、用户评分、用户登录、在线修改、在线点评等交互操作，以改善用户体验。实现方法：一、网站系统该系统运行环境 Linux Apache PHP MYSQL说明：Linux:服务器运行操作系统为Linux；Apache:Web服务器软件Apache HTTP Server；PHP:服务端脚本语言（“PHP: Hypertext Preprocessor”，超文本预处理器）；MYSQL:一款免费的数据库管理软件。系统开发环境 Windows + Apache + PHP + MYSQL + IE + FireFox说明：网页在不同的浏览器上有一致的显示效果，在开发时要考虑浏览器兼容性。网页要w3c的xhtml和css表现形式。IE用来作开发测试，FireFox用来兼容性测试（Firefox浏览w3c标准较接近）。开发环境设置：网上下载Apache Http Server 2.2、PHP5、MYSQL、Firefox,安装各个软件。设置Apache内httpd.conf文件，使Apache 加载PHP5模块以及设置服务器端网页放置的虚拟位置；设置php5.ini，添加PHP5对MYSQL和一些相关功能的支持；在/ 上为Firefox下载Firebug插件（Firebug是一个可以跟踪、调试JavaScript的插件）；二、网站设计1网站特点网站界面将以简洁、清爽为主要设计风格，在保证良好视觉效果的同时，也提高了用户的浏览速度。功能上在保证浏览速度的同时，将尽可能地提高用户与网站的交互性，激发用户的积极性和主动性。技术上我们将利用AJAX技术来实现比如表单提交、用户评分、用户登录、在线修改、在线点评等交互操作，以改善用户体验。2网站规划21网站功能规划根据网站的定位与设计目标，网站功能大概分为以下几个模块：用户模块：包括用户注册、激活、资料管理、积分计算、密码修改、找回密码、注销等功能。素材上传：包括标签管理、目录管理、素材上传、素材管理等功能。管理后台：包括用户管理（资料、积分、权限、查询、用户组等）、图片素材管理（标签管理、分类管理、目录管理、素材管理、查询等）、系统参数设置、管理帐户等基本功能及其他相关功能。电子杂志发布：包括电子杂志发布、浏览、下载、收藏、点评等相关功能。电子杂志在线DIY：用户可以使用现有网站的素材资源，按照自己的喜好和习惯，进行电子杂志的个性化设计，然后保存成作品供大家浏览和下载。其他功能模块：包括论坛、行业资讯发布等。22 用户信息管理用户必须现在网站注册一个用户（注册使用的登录帐号和邮箱都必须是唯一的，注册时会进行检查），注册完成后系统将自动发送一个邮件到用户注册的邮箱，邮件中包含了一个激活用户的链接，用户可通过此链接来激活帐号，用户登录后拥有系统默认的一些普通用户权限，并进行系统赋予的操作，例如资料管修改、密码修改、注销登录以及其他模块的相关功能如图片素材收藏夹管理等。 (图2.2.1) 用户模块功能流程图2.3 图片素材管理用户激活后即拥有图片素材上传、管理权限，登录后可在自己的用户目录下建立、管理目录，可新建、管理素材标签，可上传并管理自己的图片素材。此外用户还将拥有一个图片素材收藏夹，用于收藏用户喜欢的图片素材，用户收藏夹下也可以新建、编辑标签操作。用户素材目录将不限制级数（即目录深度），素材标签与收藏夹标签级数为1。2.4 系统管理后台系统管理后台可分为根据功能分成几个模块：2.4.1用户模块：包括用户信息查询、编辑、删除，用户权限控制，用户组管理，用户组权限设定等相关功能。2.4.2素材模块：可对素材、目录、标签、收藏夹标签等进行查询、编辑、删除等管理操作。2.4.3电子杂志：管理者通过后台电子杂志管理模块上传和管理电子杂志，同时也可以进行对电子杂志点评的管理，并进行相关的数据统计（如杂志访问量、分类访问量等）。2.5 电子杂志浏览 用户可以在网站上面按照分类、标签浏览电子杂志，也可以关键字或者标签搜索并浏览满足条件的电子杂志，可在网站的任何一个页面下载、订阅、收藏自己喜欢的杂志，可以对杂志进行点评和评分，也可以将自己喜欢的杂志推荐给自己的朋友。2.6网站论坛管理使用discuz论坛系统，其中论坛用户和网站用户共用，即在论坛或者网站登录之后即可以在网站各个子系统通行，无需重新登录。3 网站数据库设计3.1网站数据库设计规范网站数据库对象设计及命名一律采用小写字母且使用英文或者英文简写，必要时可以使用数字，不允许采用中文拼音或缩写。各部分之间使用下划线连接3.2 网站数据库规划按照项目功能需求，经过分析设计并加以调整优化，数据库结构规划大概如下：3.2.1 用户信息类相关数据表3.2.2 电子杂志信息类数据表3.2.3 图片素材信息类表格3.2.4 其他模块表格 主要指系统参数设置如积分规则等相关表，根据系统需求定义。4网站界面及应用程序设计说明4.1 网站界面设计说明网站风格以设计简洁、色彩柔和为主，以线条作为分割，又保证做到内容块与块之间分开而不分离；以淡蓝和淡绿为基色，视觉效果舒适柔和，美而不艳；网站风格保证整体一致，功能模块之间使用色彩加以区分，做到整站风格一致又不单一。4.2网站应用程序规划说明服务器端php代码按照具体的功能进行规范化命名和封装，客户端javascript代码按照功能进行规范化命名，保证代码的可读性和代码修改的方便性。时间进度安排：2007年2月26日-6月11日：学生参加毕业实习与毕业设计（论文）2007年3月31