今天给大家伙儿唠唠我搞的这个风纪委员会官方网站,纯属个人兴趣,从零开始,边学边做,磕磕绊绊总算是搭起来了。
起因:
一开始就是觉得学校的风纪管理有点乱,信息也不透明,就想着能不能自己做一个网站,把规章制度、违纪公示啥的都放上去,方便大家查询,也算是为学校做点贡献嘛
...
今天给大家伙儿唠唠我搞的这个风纪委员会官方网站,纯属个人兴趣,从零开始,边学边做,磕磕绊绊总算是搭起来了。
起因:
一开始就是觉得学校的风纪管理有点乱,信息也不透明,就想着能不能自己做一个网站,把规章制度、违纪公示啥的都放上去,方便大家查询,也算是为学校做点贡献嘛
准备工作:
- 技术选型:我寻思着自己也不是专业的,就选了最简单的前端HTML+CSS+JavaScript,后端直接套用现成的PHP框架,数据库用MySQL。反正都是免费的,随便折腾。
- 服务器:阿里云买了个最便宜的云服务器,一年也就几百块,装了个宝塔面板,配置环境方便多了。
- 域名:域名备案花了点时间,审核比较严格,好在还是通过了。
- 设计:我不会设计,就网上找了一些风纪委员会相关的网站参考,扒了点素材,自己改了改,凑合着用。
小编温馨提醒:本站只提供游戏介绍,下载游戏推荐89游戏,89游戏提供真人恋爱/绅士游戏/3A单机游戏大全,点我立即前往》》》绅士游戏下载专区
开发过程:
- 前端:先搭了个静态页面,把网站的整体框架搞出来,包括首页、规章制度、违纪公示、申诉通道、联系我们等等。CSS样式也抄了一些现成的模板,改了改颜色和字体,看着还算顺眼。JavaScript主要用来做一些简单的交互,比如表单验证、弹窗提示啥的。
- 后端:PHP框架选了Laravel,这玩意儿用的人多,资料也好找。把数据库连接配置然后就开始写接口。主要是增删改查,把规章制度和违纪公示的数据都存到数据库里。
- 数据库:MySQL数据库设计了几个表,分别用来存储规章制度、违纪公示、申诉信息、用户信息等等。字段也比较简单,就是标题、内容、发布时间、处理状态啥的。
- 功能实现:
- 规章制度:用户可以浏览、搜索规章制度,管理员可以添加、修改、删除规章制度。
- 违纪公示:用户可以浏览违纪公示,管理员可以添加、修改、删除违纪公示。
- 申诉通道:用户可以提交申诉,管理员可以处理申诉。
- 用户管理:管理员可以添加、修改、删除用户,设置用户权限。
- 权限控制:不同用户有不同的权限,比如普通用户只能浏览信息,管理员可以管理信息。
- 测试:自己测试了好几遍,也找了一些同学帮忙测试,发现了不少BUG,然后就慢慢改。
- 部署:把网站部署到阿里云服务器上,配置好Nginx,绑定域名,搞定!
遇到的问题:
- 跨域问题:前端和后端不在同一个域名下,导致跨域问题,通过设置CORS解决了。
- SQL注入:为了防止SQL注入,对所有用户输入的数据都进行了过滤。
- XSS攻击:为了防止XSS攻击,对所有用户输出的数据都进行了转义。
- 性能问题:网站访问速度有点慢,通过优化数据库查询、开启Gzip压缩等方式提高性能。
这回搞风纪委员会网站,真的是从零开始,学到了很多东西。虽然现在网站还比较简陋,功能也比较简单,但是对我来说,已经是一个很大的进步了。以后有机会,我会继续完善这个网站,让它变得更加实用、更加美观。
效果展示
网站现在已经可以正常访问了,主要有以下几个页面:
- 首页:展示网站的整体概况,包括最新发布的规章制度、违纪公示等。
- 规章制度:详细展示学校的各项规章制度,方便学生查询。
- 违纪公示:公示学生的违纪行为,起到警示作用。
- 申诉通道:提供学生申诉的渠道,维护学生的合法权益。
- 联系我们:提供联系方式,方便学生反馈问题。
这回实践对我来说是一次很好的锻炼,让我对网站开发有了更深入的了解。希望我的经验能对大家有所帮助!