php+Vue单页⾯学⽣管理系统
Php学⽣管理系统
引⾔:学⽣实训,⽼师要求⽤php代码写学⽣管理系统作为实训内容。之前作业都是拜托同学交,此次作业是⾃由发挥的,故从星期天学习Php 的基本语法。如字符串拼接,function的写法,类的写法…
1 要做什么
做个单页⾯Vue来承载整个学⽣管理系统。
⽼师说本来要⽤原⽣的JavaScript+php做 我说服了⽼师⽤Vue——php前后端分离 (必须的 不然我⼏个⽉没听课就暴露了)
⽤时4天
单页⾯Vue是想尝试新的东西~
2 明确要做什么事情
去菜鸟教程了解php的基本语法
查原⽣Php后端代码相关项⽬
建⽴数据库 熟悉mysql连接查询 合并查询
代码⽬录建⽴
整体框架流程⾛⼀遍
批量写出后端代码
Vue前端element-ui辅助单页⾯
3 明确难易程度
对我来说
php后端代码怎么写 php⽬录建⽴及其整个代码写法、思路是否丝滑流畅是最重要的
Vue的单页⾯的建⽴,及其内部的变量,⽅法名的管理对我来说⾄关重要 ps:因为我要把10多个页⾯写到⼀个html⽂件⾥⾯去
4 开始按照第2点⾏动
admin :Vue前端项⽬ inc:资源 utils⼩功能 view 存放⼀个页⾯
server :Php后端项⽬ dataResult 接⼝代码 scheme 数据库表结构 utils:⼩功能
功能预览(ps:数据库编码被我之后改了,所以现在乱码了)
各种管理
好了 先谈谈后端接⼝写法的思路
当时了解的是 :php⼀个页⾯⼀个接⼝ ,故我将学院,学⽣,教师,教学任务分开,做成⼀个⼀个⽂件夹,每个⽂件夹内容如图
⼀个类 若⼲个接⼝,类包含了所有接⼝的需要调⽤的⽅法
所有类共享⼀个Mysqli连接实例
后端scheme⽂件内容
都是mysql表创建语句
后端utils⽂件内容
数据库连接及其⽅法
前端的index.html是我做的最困难的导⼊依赖
axios前后端分离必备vue element admin
vue必备
element-ui 偷懒必备
helper.js ⾃⼰的辅助函数
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论