jquery导入数据_Web技术——简单的数据库编程
刪刪減減,修修補補,把我僅有的一點知識儲備都全拿出來了。。。做的極度簡單,并發、時序以及回滾等這種高端操作木有涉及(再次diss我自己的知識量),主要也沒有專門深入研究這一塊啦。。。好啦,不說廢話了,進入正題:
一、實驗情景
開發用戶注冊和登錄模塊,不同的用戶對數據庫有不同的操作權限(瀏覽和編輯數據庫)。(提示:在注冊時將有關信息保存到數據庫中,當再次登錄時,根據用戶輸入的用戶名和密碼在數據庫中查找,不同的用戶給出不同的頁面進行操作。)
二、開發目標
以開發不同權限級別的管理員為例展開,root權限管理員可以增加和刪除普通權限管理員,而普通權限管理員只能查看當前系統中所存在的管理員列表。
三、開發平臺
四、開發步驟
- 兩個輸入框
- 兩個提交按鈕,其中,登錄由于要返回登錄后頁面,所以為form添加action,登錄頁面按鈕的屬性設置為submit.
- 界面效果圖(采用火狐瀏覽器打開)
3. Form框響應事件
- Form表格動作(為登錄設置,注冊則采用jquery腳本的按鈕響應方式,只需返回alert框)
- 輸入用戶名和密碼完成注冊功能(正確輸入/錯誤輸入)
- 注冊成功提示框出現后后再次點擊登錄,彈出框提示管理員已經存在這種錯誤。
- 部分腳本的實現
- 普通管理員登錄后界面如下(只可以查看當前存在的管理員用戶)
4. 編寫root管理員和普通管理員的操作界面,其中,root管理員界面需要增加添加和刪除普通管理員的對應按鈕
- Root管理員多出的按鈕(添加和刪除按鈕)
- Root管理員多出的模態框(部分代碼,詳見root_home.html頁面
- 按鈕響應事件
5. 對運行結果進行截圖:
- 以root用戶的賬戶登錄
- 成功登錄后轉到如下界面(可以添加新的管理員,看到管理員信息)
- 添加管理員,處理錯誤提示(信息的校驗功能類似注冊時的校驗,錯誤提示輸出也類似,再次不做贅述)
- 點擊添加后可看到列表里多了一項記錄,如下所示:
- 點擊刪除按鈕,測試刪除功能
刪除后頁面如下所示:
5. 使用sql語言編寫存儲過程,包括建立manager表,增加/刪除/獲得manager表的有關信息。
1)設置數據庫參數
2)編寫存儲過程(部分存儲過程如下所示)
--3)編寫服務端相應代碼,包括管理員的注冊、登錄驗證、以及增加/刪除操作。
4)服務器端主要流程如下:
- 判斷會話是否有效
- 接收客戶端發來的數據
- 查詢數據庫并進行數據處理
- 返回操作結果給客戶端
5)一個實例如下所示(用python+flask架構來實現):
6)建立manager 數據庫,并導入manager.sql的腳本文件
7) 建立數據庫操作比較簡單,不做贅述。如下圖所示:
8) 運行服務器,對代碼進行測試。效果截圖為了報告的完整性放在了第一部分,詳見步驟1。(所有東西均打包在了工程ex6中,腳本manager.sql放入了ex6的文件夾下)
五、干貨總結
Web開發是多種技術綜合運用的體現,如何獲取這些技術并優化使用這些技術,進行高效便捷的Web開發是非常值得探究的一個問題。一些web開發的常識如下所示:
下一篇文章將會寫一點有關Web的課程設計,可以完成的課設包括軟件工程、數據庫、Web技術。。。其實技術和實現原理是差不多的,只要搞懂一個,剩下的就是照著來。不過筆者水平有限,實現的網站也是超級基礎的,離商用還差十萬八千里,也沒有用到什么高端的技術.....就當成是課設入門交流好了,多學點東西總是有用的,就醬~You can get my code on my github:
KristinKong/Web-Mysql?github.com總結
以上是生活随笔為你收集整理的jquery导入数据_Web技术——简单的数据库编程的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: windows kb976932安装失败
- 下一篇: ansible图形化界面开源_MySQL