天天看點

學生管理系統開發記錄

配置過程

下載下傳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官方中文文檔,一開始我覺得閱讀官方文檔很麻煩,還會讀着讀着全變英文了,就去網上搜解決方法,搜出來一大堆都是複制粘貼的,還有年代已久現在已經不适用的,是以吸取到了一個教訓就是,以後學任何一門技術,先看官方文檔。