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-ui 偷懒必备
helper.js 自己的辅助函数

用几个if判断展示

Vue

思路用currentActive控制页面的展示
各种数据联动复杂的逻辑不久多讲了大家实践之后自己思考更有价值，讲出来也很麻烦，不一定能理解,琢磨自己的就可以了。

上次便是本人的实训记录(思路参考,可以改进请大神指出)。本人会关注评论的内容，如果需要源码，也可以评论留言
补发:
https://gitee.com/Theodore-Ritchie/training-code

php+Vue单页面学生管理系统相关推荐

app怎么嵌套vue页面_app内嵌vue单页面应用的一些坑
写这篇文章的原因是想总结一下自己最近开发的一个内嵌app的vue单页面项目,看看有哪些坑!!! 1.白屏项目第一次上线正常项目第二次上线,20多个用户反馈白屏(没见过这世面,心里慌的不行!!!), ...
Nginx 解决WebApi跨域二次请求以及Vue单页面问题
Nginx 解决WebApi跨域二次请求以及Vue单页面问题参考文章: (1)Nginx 解决WebApi跨域二次请求以及Vue单页面问题 (2)https://www.cnblogs.com/ji ...
nginx配置解决vue单页面打包文件大，首次加载慢的问题
nginx配置解决vue单页面打包文件大,首次加载慢的问题参考文章: (1)nginx配置解决vue单页面打包文件大,首次加载慢的问题 (2)https://www.cnblogs.com/golo ...
nignx部署Vue单页面刷新路由404问题解决
nignx部署Vue单页面刷新路由404问题解决参考文章: (1)nignx部署Vue单页面刷新路由404问题解决 (2)https://www.cnblogs.com/wuchenggong/p/ ...
fullpage在vue单页面当中使用会出现的问题以及解决办法
fullpage在vue单页面当中使用会出现的问题以及解决办法参考文章: (1)fullpage在vue单页面当中使用会出现的问题以及解决办法 (2)https://www.cnblogs.com/ ...
php vue seo,处理 Vue 单页面 SEO 的另一种思路
(设置vue 单页面meta info信息,如果需要单页面SEO,可以和 prerender-spa-plugin形成更优的配合) 单页面应用在前端正大放光彩.三大框架 Angular.Vue.Rea ...
Vue 单页面应用把公共组件放在 app.vue 但是我希望某个页面没有这些公共组件怎么办???(比如登陆页面)
<div class="all" v-if="$route.path!=='/login'" > Vue 单页面应用把公共组件放在 app.v ...
vue 单页面(SPA) history模式调用微信jssdk 跳转后偶尔 “invalid signature“错误解决方案
vue 单页面(SPA) history模式调用微信jssdk 跳转后偶尔 "invalid signature"错误解决方案参考文章: (1)vue 单页面(SPA) hist ...
vue单页面背景颜色修改
最近在做项目中,使用vue开发移动端项目,遇到一个小问题,路由跳转同时修改当前页面的背景色. 下面简单说一下vue单页面应用,由于vue的单页面应用导致我们的项目只有一个index.html文件,然而 ...

php+Vue单页面学生管理系统

Php学生管理系统

php+Vue单页面学生管理系统相关推荐

最新文章

热门文章