学生管理系统开发记录

配置过程

下载vue

$ npm install vue

TypeError: Cannot read property ‘parseComponent‘ of undefined

npm install --dev @vue/component-compiler-utils@1.3.1
参考链接

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