天天看点

学生管理系统开发记录

配置过程

下载vue

$ npm install vue

TypeError: Cannot read property ‘parseComponent‘ of undefined

npm install --dev @vue/[email protected]

参考链接

Error: Rule can only have one resource source (provided resource and test + include + exclude)

vue不兼容webpack5,因此不要下载最新的webpack

删除webpack,重新装以前的版本。

npm uninstall webpack

npm install webpack@^4.0.0 --save-dev

参考链接

vue ui没反应

vue ui 没反应的解决办法:vue的版本需要3.0以上

vue-cli安装失败解决方案

npm ERR! code EEXIST
npm ERR! path C:\Users\小源\AppData\Roaming\npm\node_modules\@vue\cli\bin\vue.js
npm ERR! dest C:\Users\小源\AppData\Roaming\npm\vue.cmd
npm ERR! EEXIST: file already exists, cmd shim 'C:\Users\小源\AppData\Roaming\npm\node_modules\@vue\cli\bin\vue.js' -> 'C:\Users\小源\AppData\Roaming\npm\vue.cmd'
npm ERR! File exists: C:\Users\小源\AppData\Roaming\npm\vue.cmd
npm ERR! Remove the existing file and try again, or run npm
npm ERR! with --force to overwrite files recklessly.

npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\小源\AppData\Roaming\npm-cache\_logs\2021-06-03T02_50_43_129Z-debug.log
           

1.暴力解决

npm install vue-cli -g  --force
           

2.前往提示的文件路径,删除文件

前端框架资源收集

bootstrap菜鸟教程

bootstrap下载

bootwatch下载

bootwatch模板一览

如何使用bootwatch

shards文档

elementUI文档

使用jQuery进行前端验证和错误提示

放不了视频,放几张图感受一下

学生管理系统开发记录
学生管理系统开发记录
学生管理系统开发记录
学生管理系统开发记录

之前一直觉得非常炫酷,没想自己也做出来,主要用的是jQuery.oninput实时监听输入,然后获取输入框的值,利用正则表达式判断,切换css样式、增加div,样式用的是bootstrap,模板在bootswatch里找的。

相关知识点链接:

W3schoolmatch()方法

jQuery教程

需要优化的地方

比如用户开始输入之后警示框和样式就应该删除了。

用户多次点击提交,要先把原来的删掉再决定添不添加警示框,或者加一个这样的逻辑,如果需要警示框,先判断是否已存在,已存在就不做修改,未存在就加上,如果不需要,同理。不然会出现n条警示信息就很难看。

使用location.href传参

提交密码后,会先验证旧密码是否正确,(身份验证),然后回到修改密码界面,通过url传参。获取参数后将其转为json格式(我这只需要一个参数就没试),以提供不同的提示信息。

学生管理系统开发记录
学生管理系统开发记录

相关知识点链接:

传递接收参数

传参

转换为json格式

php报错

ERRO1 session had already been started – ignoring session_start()

session_start();

把这个改成

if (!session_id()) session_start();

判断是否已有session_id()

参考链接

ERROR2 提示 Undefined variable:

可在php头部加入

ini_set(“error_reporting”,“E_ALL & ~E_NOTICE”);

参考链接

phpmyadmin

ERROR #2002 Cannot log in to the MySQL server

这个网上有多种方法,我捣鼓了一下,重启apache和mysql也不见有好转,本来想卸掉重来,找不到phpstudylite的卸载程序,再打开Mysql的时候就好,顺便治好了phpmyadmin加载慢的问题。

找到phpmyadmin/config.sample.inc.php,复制粘贴重命名为config.inc.php,这是用户定义的配置文件,

找到变量如下  $cfg['Servers'][$i]['host'] = 'localhost';
修改为如下 $cfg['Servers'][$i]['host'] = '127.0.0.1';
           
如果$cfg['Servers'][$i]['connect_type'] = 'socket';
可以改为$cfg['Servers'][$i]['connect_type'] = 'tcp';
           

其他方法可参考这个和这个

另外php连接mysql慢的问题,可以通过将mysql_connect连接语句时的localhost改为127.0.0.1

使用bootstrap遇到的坑

下拉菜单失效

搜索下拉菜单失效,百度全是把jQuery放js文件前面引入,然鹅我试了各种排列组合都没用

菜鸟教程上教的是bootstrap3,但我从bootswatch上下载的是bootstrap5文件,bootstrap5已经不用jquery了,下拉菜单需要Poper(虽然还不知道Popper是什么东东)。

在官网Bootstrap v5下载预编译文件之后,在html中引入bootstrap.bundle.js,这里面已包含Poper。然后就可以愉快地使用下拉菜单了.

bootstrap官方中文文档,一开始我觉得阅读官方文档很麻烦,还会读着读着全变英文了,就去网上搜解决方法,搜出来一大堆都是复制粘贴的,还有年代已久现在已经不适用的,所以吸取到了一个教训就是,以后学任何一门技术,先看官方文档。