1、毕 业 设 计（论 文）设计（论文）题目： 宁工“微生活”网站设计与开发 学 院 名 称： 理学院 专 业： 信息与计算科学 班 级： 信科 11-1 姓 名： 张天云 学 号 11480010126 指 导 教 师： 尹天鹤 职 称 讲师 宁波工程学院本科毕业设计（论文）I摘 要当手机、平板等移动设备变得日益流行，在这些设备上的运行的应用程序也随之变得越来越重要，更多的同学也得力于此可以随时随地的学习、娱乐和工作，然而，由于传统互联网技术的限制，这些网站却在这些移动设备上不能很好的呈现，严重的阻碍了校园信息的传递，很难适应当前这个以“用户为中心”、“面向资源共享”、“变化快速”的信息时代。因
2、此，本文在此基础上建立一个面向广大师生与高校内部使用的信息系统微网站，把传统的校园网发展为“人性化”的产物，以师生需求为核心，运用最新的互联网技术，实现支持多终端应用的高校网站和校园生活服务的完美结合，把学生切身实际的如教务信息，图书查询，以及课表查询等，娱乐学生的功能例如匿名交友，出行功能例如拼车，实时公交等。本次程序设计是基于 SAE 的服务器，集成了 Apache-2.2 和 PHP-5.3 以及 mysql的数据库，而主要函数库用到了 Curl 和 Ereg，微信开发接口，采用面向对象的设计思想，功能间采用低耦合设计。在本地测试则采用 wamp 的集成环境，即windows、apach
3、e、mysql、PHP 的集成，更加有效的，方便的在安装和测试体现出来。整篇文档通过技术理论分析，系统设计，总体架构，数据库设计，以及关键代码编写等流程，最终实现了用户体验良好、界面设计美观、功能完善的宁工微生活的基本功能，以及通过微信实现更多实用性极强的功能。 关键词：网站；PHP；微信；Curl；面向对象;AJAX宁波工程学院本科毕业设计（论文）IABSTRACTWhen mobile phones, tablets and other mobile devices become increasingly popular, applications that run on these de
4、vices becomes more and more important, more students but also effective in the can, at any time, learn, play and work, however, due to limitation of the traditional Internet technology, these sites are in these mobile devices cannot very good showing, serious hindered the campus information transfer
5、, difficult to adapt to the current to “the user as the center“, “Sharing Oriented“, “change fast in the information ageSo, based on this, this paper established an information system for the majority of teachers, students and colleges and universities to use micro site, the traditional development
6、of the campus network is the product of “humanization“, to the needs of teachers and students as the core, using the latest Internet technology, implementation support multi terminal application of the university website and campus life service of the perfect combination, the students immediate prac
7、tical such as academic information, inquiries, books and timetable search, student recreation functions such as anonymous friends, travel function such as carpooling, real-time bus.The program design is server based on SAE, integrated Apache-2.2 and PHP-5.3 and the MySQL database and main function l
8、ibrary used in the curl and Ereg, development of micro channel interface, using object oriented design, the function between the low coupling design. In the local testing, the integration of windows, Apache, mysql, PHP is more effective, and it is more convenient for the installation and testing.The
9、 entire document through theory analysis, system design, architecture, database design, and key code compilation process, and ultimately achieve the user experience is good, beautiful interface design, perfect function of the Ning micro life of basic functions, as well as through micro channel to ac
10、hieve a more practical very strong function.Key Words：Web site;PHP;WeChat;oop;AJAX;宁波工程学院本科毕业设计（论文）目 录1. 引 言 .11.1 研究背景 .11.2 研究目的与意义 .11.3 研究内容 .12. 基本技术和理论 .32.1 数据库技术 .32.2 AJAX 技术 .32.3 响应式布局 .42.4 前端技术：Div+CSS 等 .53. 基本系统设计 .63.1 需求分析 .63.2 系统总体架构设计图 .73.3 功能设计 .93.4 数据库设计 .144. 系统实现及测试 .174.1
11、主要类设计 .174.2 关键功能的实现代码 .174.3 系统运行实例（手机端） .274.4 测试分析 .30结论 .31致谢 .32参考文献 .33宁波工程学院本科毕业设计（论文）01. 引 言1.1 研究背景Internet 的迅速发展，使得人与人之间的交流已经不再局限于面对面的语言交流，可以开始利用 Internet 上各种快捷的方式进行随时随地的交流。这一点在校园里的表现尤为明显。而大学生所活跃的网站，贴吧，教务网等在互联网的活跃度上所占比例越来越大，校园网在互联网的地位也已经越来越重要。但国内外的高校网站也也存在单一的模式，即主要是办公类网站，教育类网站，以及生活咨询类网站，而各
12、个网站之间也并没有很多的功能交错在一起，存在相互交独立的关系，而学校官网则比较杂而乱，不能很好的适应同学的生活，在现实生活中不能随时随地的去应用，也不能快速的获取信息反馈，即存在兼容性差，反馈时间长，信息错乱等多方面的不便。目前在前端设计方面，HTML5 的兴起，使得响应式设计能够很好的去兼容多个移动设备，配合着 DIV+CSS 设计以及传统 AJAX 和 Jquery 等 JS 库，能够很好的使得网站去切身实际的去满足广大用户的使用。而 MYSQL 数据库的分布式存储以及优化的 SQL 查询算法，有效地提高查询速度。在 PHP5 方面，则可以更加支持更多函数应用等。1.2 研究目的与意义本文
13、主要研究如何简单实用 H5；结合 PHP 技术去实现校园网站的资源整合及重构；需研究如何快速，深化的去使用 mysql 去查询数据；对服务器的功能的基本了解，包括的自带的功能如 Memcache，Storage 等的应用；研究如何结合微信公共平台，更加快捷方便的使用微生活的各个功能。而通过各个功能的实现，以及多个方面的结合，能够使用户在微信上方便，快捷，高校的使用微生活的功能，可以更加完善的结合学校所有的网站功能，而在此基础上，同学们对学校文化，活动，教务以及生活各个方面有个更好的体验和参与，使得信息更加及时，高效，快速的进入同学生活中。1.3 研究内容本文通过研究当前高校的校内网的情况，并做
14、出基本功能需求分析。在网站方面，主要包括以下内容：(1) 功能模块设计：包括功能设计，模块划分，系统框架设计，数据库设计和用户操作流程设计等。(2) 系统实现：基于 PHP 与 mysql 数据，在 linux 的环境下进行开发，实现各功能模块，包括在校基本的信息查询，个人信息管理，校内文件分享以及生活服务等。拟解决的主要问题宁波工程学院本科毕业设计（论文）1微生活系统的功能设计与实现：通过对宁波工程学院学生用户群体的生活、学习的实际需求进行调研，并结合学校各类信息系统建设的现状，探讨宁工“微生活”网站的功能设计，并基于 PHP 技术予以实现。在网页设计方面，通过简单应用响应式设计，简单实现对
15、移动设备不兼容 的问题，以及在对 CSS+JavaScript 在进入深一步的研究。宁波工程学院本科毕业设计（论文）22.基本技术和理论2.1 数据库技术Mysql 是一个关系型数据库管理系统，但是目前用的最多的数据库管理系统，其中 mysql 是 web 应用中最好的 RDBMS (Relational Database Management System，关系数据库管理系统) 应用软件之一，具有分布式数据库和数据仓库功能，将数据库中数据保存到不同的表中，而不是放在一个大仓库中，更好的提高了灵活性，而其所使用的 sql 语言是用于访问数据库的最常用标准化语言。由于体积小，速度快，总体拥有成本
16、低，又开放源码等特点，因此，一般中小型网站开发都选择 mysql 作为网站数据库，而搭配 PHP， apache 可组成良好的开发环境。图 2-1 为 mysql 的可视化图形界面图：图 2-1 数据库可视化图2.2 AJAX 技术AJAX = Asynchronous JavaScript and XML 即异步操作的 javascript 和 xml。能够是网页在整个页面不重新加载的情况下能够和服务器交换数据，更新网页部分技术。主要就是创建请求对象，发送请求，获取响应等步骤，从而与服务器交互，包括 get和 post 两种方法去对接。浏览器中添加了负责发送请求的 AJAX 对象，该对象事先
17、会绑定一段事件（js调用）处理函数。用户填写信息点击注册时，会调用 AJAX 对象的方法，发送请求，AJAX 对象发请求并不会影响页面的存在，所以在 AJAX 对象发送请求的同时，表单页面还可以进行其他的工作。服务器接收到请求后获取数据，处理判断，响应时的数据不再是完整的页面，而是部分数据。当响应提供的部分数据到达客户端时，并不是直接由浏览器展示，事先准备好的事件处理函数接收、解析。部分数据取出来后由 JavaScript 代码控制这些数据，更新至页面的某位置。整个过程中，AJAX 负责发送请求，也负责接受返回的响应，并将响应中的数据更新至页面中主要流程图如图 2-2 所示宁波工程学院本科毕业
18、设计（论文）3图 2-2 AJAX 工作示意图2.3 响应式布局Div+Css 是在静态页面中最常用的前段技术，是 WEB 设计的标准，一种网页布局，与之前的表格布局可以完美的实现页面内容与表现相分离。而本文用了简单的响应式设计，集中创建页面的图片排版，智能的根据使用设备进行相应的布局。响应式布局是在 2010 年提出的，主要是为了适应不同终端，为用户提供一个更加舒适的界面，提高用户体验。因为代码编写需要使网页适应多个终端设备，因此会出现代码量大，加载时间长，又因为涉及到多方面设计，因此很多效果达不到最佳效果。主要的设计思路是通过 javascript 语句去判断设备的分辨率，从而去加载不同的
19、 css 样式效果，而与此同时在设定各个参数的时候，采用百分比，或者自动（auto）等参数，能够充分适应界面。主要样式图如图 2-3 所示。图 2-3 自适应样式图宁波工程学院本科毕业设计（论文）43.基本系统设计 3.1 需求分析3.1.1 系统基本功能需求1.基本教务系统查询：对接教务系统，结合网页，微信，实现功能主要包括学生成绩，课表等教务信息的一键查询和在线查询。2.图书信息查询对接学校图书馆系统，获取主要包括个人借书信息，还书时间提醒，以及书籍查询，包括馆藏，出版社等基本信息。3.无线公交查询和宁波通、市公交系统对接，实现公交实时查询，公交到站提醒登录和匹配对接提醒功能。4.宁工出行
20、拼车（修改案）拼车信息填写及查询，主要解决学校出行问题，例如东校区来回拼车，市区来回拼车等5.匿名交友微信平台上学生的匿名交友功能，快速回复等，主要丰富平台的娱乐功能。3.1.2 系统性能需求1.时间特性：系统响应时间足够迅速(5 s)，能够满足用户要求。2.适应性：在操作方式、运行环境、使用设备改变以及接口改变的场景下，系统需要能够自动适应，有相应的布局调整。3.可使用性： 操作界面简单明了，但对格式和数据类型进行验证，包括对客户端验证和服务端验证，并采用错误友好提醒，提示用户输入正确数据和使用正确的操作方式。4.安全保密性只有合法用户才能登录使用系统，因此对每个用户都有不同等级的设置。对用
21、户名、密码、以及用户相关信息进行加密处理，保证账号信息安全。5.可维护性 采用功能间的低耦合连接，相互之间的数据库主外键连接，使用面向对象进行调用，方便修改操作。系统采用了记录日志，用于记录用户的操作及故障信息，同时本系统采用的 B /S 模式，结构清晰，便于维护人员进行维护。宁波工程学院本科毕业设计（论文）53.1.3 系统运行环境需求云端架构的环境是 sae，其中运行环境已经集成配置好，主要 SAE 平台目前的Web 服务器使用的是：CentOS-6.x;Apache-2.2.x;PHP-5.3.x。Web 服务器运行在 64位 Linux 环境下。 Apache 运行在 Prefork
22、模式下，即每个请求都会对应一个Apache 进程，请求结束后该进程才能服务于下一个请求。平台通过模块方式扩展了Apache 和 PHP 的相关功能。但也一些函数和类被限制使用例如函数 exec,system 等，SQLiteDatabase 类等。本地测试则使用 wamp(windows+apache+mysql+PHP)环境，而在 WampServer 安装完成后，通过 http:/localhost/打开后可以看到 WampServer 自带的一个简单的页面，里面有 PHPinfo、PHPmyadmin 和 sqlitemanager 三个工具，能够图形化 mysql和网页界面。3.2 系统总体架构设计图 3.2.1 设计结构功能图从首页登录之后，可以更具登录帐号密码去访问学校的教务网站，图书馆系统，以及匿名交友等功能，宁波无线公交功能是在未登录状态也可使用，公交提醒功能则需要登录使用。图 3-1 设计结构功能图3.2.2 功能界面设计：采用类似 win8 式风格设计，简单，明白，易操作，比较明显，采用 HTML 和 PHP嵌套写入，结合 mysql 数据库显示部分数据。
