admin 管理员组文章数量: 1184232
2024年4月24日发(作者：udp recvfrom)
ELECTRONICS WORLD
・
探索与观察
基于html5和PHP技术进行校园互联服务平台的开发
安徽医科大学 陈 雨 张 丰 吴泽志 刘晚玲 贾鑫宇
在“互联网+”蓬勃发展的今天，互联网为人们的生活带来了
众多便捷，在移动互联网的基础上，我们团队利用html5、css3、
JavaScript和php等技术开发了一个集校园顺捎、知识接力、资源共
享、微互动于一体的网页平台。此平台致力于为在校大学生和研究
生提供一个完善的学校周边服务。
随着移动互联网时代的到来，互联网的共享、、开放、包容
的精神为我们生活带来了天翻地覆的改变。互联网带来的改变在
校园生活中也不例外，校园生活可以看作成一个特殊的社会环
境，其既有整个社会的共性，也有其特性，其独特之处在于其用
户群体——学生生活内容丰富多彩、群体总量大、规模可持续、
消费活跃。但目前针对校园生活特性的互联网平台并不多，建立
本平台的目的便是充分发掘校园生活的特性，为在校大学生建立
一个集资源共享、顺捎互助、知识接力、校园娱乐于一体的便捷
的平台。
1 功能介绍
校园顺捎业务、知识接力业务、资源共享、微互动。
1.1 校园顺捎
试想这样一个场景：当你的快递到了，或者中午时分你肚子
饿了，但此时你身在寝室，不想出寝室去快递点拿快递或者去食堂
买盒饭，怎么办？此时如果“我”恰巧在快递点或者食堂，由于各
种原因，现在想挣点钱补充生活。此时本平台提供的“校园顺捎业
务”便能提供便捷服务。你只需在平台上把你的需求和悬赏金额发
布出来，平台会自动把此信息进行广播，而我通过平台看到你的需
求后进行“接单”，在获取你的需求订单后把你的快递或者盒饭带
到你的寝室，进而完成订单，获得你的悬赏资金。
1.2 知识接力业务
期末考试对在校大学生来说是非常重要的，无论是免研需要
看每次期末考试的绩点，还是毕业需要绩点达到学校要求。但每次
都期末考试之前，很多学生都不清楚即将要考试科目的书中，具体
哪章哪节是重点？哪些内容是难点、常考点、易错点？往届同专业
的考生考到了哪些内容？相信大多数在校大学生都曾经有过以上问
题。设立本板块的目的便是解决以上提到的信息传递不平衡的问
题。本板块面具体实施方式是让直系学长（学姐）在本平台上分享
他们曾经考现在其直系学弟（学妹）即将面对的科目时候所收获的
经验、教训以及他们当年的考试重点和题目。具体实施方案如下：
设想现在有小丰、小杰和小宇三人互不相识，其中小丰现在读大三
年级、小杰现在大二年级、小宇现在大一年级，他们三人是同一学
•
32
•
校的同一专业。期末考试时间快到了，小宇和小杰非常想知道他们
即将考试科目二重点、往年考试真题等内容，但由于小丰、小杰和
小宇三人直接不曾认识，所以虽然小宇想要的东西小杰知道，小杰
想要的东西小丰知道，但信息无法顺利传递。本平台的“知识接
力”板块致力于解决上述问题。另外，还可以设置贡献值作为推动
力，在本板块中，每个账号都有其“贡献值”，初始贡献值为10。
在上述例子中，如果小杰想获取自己需要的内容，可以发布需求，
当小丰看到并提供相应资料满足小杰需求后，平台会自动扣除小杰
1贡献值，同时为小丰增加1贡献值。同理，小杰也可以通过帮助小
宇来增加自己的贡献值……本平台通过上述方式进行运营，来达到
可持续发展的目的。
2 功能实现
本平台基于html5、css3、JavaScript和PHP，并借助开源的
MySql数据库进行搭建，，同时本平台已经购买了阿里云服务器一
台、华为云服务器一台、购买并完成公安部、工信部备案的域名：
、等，除此之外，平台还充分利用
了开源项目进行扩充。
2.1 具体过程
首先购买一台阿里云学生服务器和域名，并对其进行工信部
和公安部备案，完成备案后我们的平台属于完全合法合规的平台，
域名也能正常解析到指定的服务器中。然后准备好需要的图片、
视频素材文件，并在本地电脑上安装XShell软件和XFtp软件，其中
Xshell是一个强大的安全终端模拟软件，它支持SSH1，SSH2，以
及Microsoft Windows平台的TELNET协议，而Xftp是一个功能强大
的SFTP、FTP文件传输软件。
2.2 上传素材
首先将素材进行统一命名，并利用XFtp把图片素材文件上传到
阿里云服务器的root/media/1文件夹下，利用XFtp把视频素材文件
上传到阿里云服务器的root/media/2文件夹下，利用XFtp把其他素
材文件上传到阿里云服务器的root/media/3文件夹下。再利用XShell
在linux服务器上通过命令安装服务器运行需要的软件，包括：
Nginx、PHP、MySQL、Apache等软件。此时前期的准备工作已
经做完，接下来开始进行web前端和后端的源代码设计。前端通过
html、Javascript、css3进行设计，后端通过PHP进行设计。网站的
页面布局参考了现在主流社交媒体QQ的布局，页面的底部由四个
部分组成：知识接力、资源共享、校园顺捎、微互动。其中知识接
力和资源共享的相关功能在本页面实现，而校园顺捎和微互动则通
ELECTRONICS WORLD
・
探索与观察
图1 pc端页面详情
图2 主界面元素组成
过链接到新的页面进行相应的功能实现（图1）。
2.3 平台主界面分为三部分
第一部分是菜单栏，分为四个小菜单。
第二部分为内容显示区域，显示内容由第一部分决定。根据点
击的第一部分而显示出。
四种不同的界面：知识接力、资源共享、校园顺捎、个人中心
和微互动
界面1：是知识接力的具体内容
界面2：是资源共享的具体内容
界面3：是校园顺捎的具体内容，其链接到两个不同的二级页
面中：个人博客和顺捎社区
界面4：是个人中心和微互动的具体内容，在这里可以进行账
号的注册、登陆等功能。
第三部分为界面最底部，应工信部要求，需要在网站主页的底
边放置备案信息，并将其链接到工信部网站（图2）。
2.4 网站搭建
网站搭建完成后，管理员可以通过后台服务器对整个系统进行
管理，用户可以通过直接在浏览器中访问平台提供的网址。
2.5 网站的维护
网站服务器依托阿里云平台，硬件方面无需维护，目前需要在
安全方面进行维护。具体措施：
（1）严格保管网站管理员密码。
（2）定制备份计划，及时对网站内容进行备份。
（3）及时更新系统的安全补丁。
（4）对敏感数据进行加密储存，防止隐私泄露。
（5）利用阿里云提供的安全提示，及时查缺补漏，完善系统
功能。
（6）慎防：CORS攻击、WebWorkers、WebStorage、
LOSTMessage、JavaScript、CSS3带来的安全隐患以及Mysql恶意
注入、DoS攻击等。日常认真维护，当遇到大问题，短时间难以解
决时可以购买阿里云平台提供的安全服务进行极速维护，并在事
后注意防范新的攻击。
结语：本教育平台致力于为在校大学生提供一个完善的一体
化服务体验，让每位同学都能够通过一部手机或电脑简单快速的
完成自己的学习、工作和生活。我们团队重视经验的积累，坚持
独立自主的搭建平台，力求自主可控，只为能够给用户提供更加
优质的体验！
基金项目：2019年省级大学生创新创业教育训练计划项目“医
校互联平台——麦德森教育”（S2X）资助。
作者简介：
陈雨（1997—），男，安徽宿州人，大学本科，现就读于安徽
医科大学临床医学专业。
张丰（1999—），男，山东济宁人，大学本科，现就读于安徽
医科大学临床医学专业。
通讯作者：吴泽志（1966—），男，安徽医科大学副教授，研
究生导师，研究领域：计算机应用。
•
33
•
版权声明：本文标题：基于html5和PHP技术进行校园互联服务平台的开发 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.roclinux.cn/p/1713888971a656229.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。
发表评论