知識總結:曹迎成。
這是我來到北昌教育學習軟體開發的第五個月,我學的是全棧開發專業,全棧開發要求前端+後端都要掌握,在這個月裡黃賢存老師帶我們深入學習了mysql資料庫的操作以及node,最後我們用所學的知識開發出一個完整的管理後臺,我把本月的知識用簡短的文章進行總結。
【目錄】
一、mysql資料庫及其相關操作
二、Node入門及其應用
三、實戰項目演練
一:mysql資料庫及其相關操作
1.在進行對資料庫的操作之前先讓我們來了解一下什麼是數據。
所謂數據則是對客觀事物的符號表示,如圖形符號、數字、字母等,數據是資料庫中存儲的基本對象。
2.接下來讓我們來了解一下什麼是資料庫。
資料庫則是存儲在一起的相關數據的集合,這些數據是結構化的,無有害的或不必要的冗餘,並為多種應用服務
3.資料庫有什麼優點呢?
(1).數據按一定的數據模型組織、描述和儲存
(2).可為各種用戶共享
(3).冗餘度較小,節省存儲空間
(4).易擴展,編寫有關資料庫應用程式
好了,讓我們進入正式操作
1.增insert into 表名(列名)values('要添加的內容');
2.刪delete from 表名 where id=要刪除的行的數
3.改update 表名set 列名=要修改的內容 where id=要修改的行的數
4.查select * from 表名
在mysql資料庫當中還有一些操縱語句,這裡由於時間原因就不一一介紹了。
二:Node入門及其應用
在使用下邊的模塊時要先對其在命令行進行安裝
1.首先引用如下的模塊
var http = require("http");//http模塊
var fs = require("fs");//fs文件模塊
var url = require("url");//url路徑模塊
var path = require("path");//解析路徑時使用
2.創建http服務如下
http.createServer(function(req,res){
res.writeHead(200,{"content-type":"text/html:charset=utf-8"});//響應頭
res.write("What are you doing");//響應內容
res.end("Oh no!");//響應結束
3.緊隨其後的是埠號---在瀏覽器中輸入 localhost:埠號
}).listen(8080,function(){
console.log("伺服器已啟動");
});
其中req為請求參數,res為響應參數
三:實戰項目演練
1.全局安裝express模塊和express-generator模塊: 安裝命令:
1)npm install -g express
2)npm install -g express-generator
2.創建blog項目:
express--view=ejs myblog
3.cmd進入 myblog文件夾
安裝依賴模塊:npminstall
安裝其他第三方模塊:npminstall 模塊名 --save
註:--save是用來修改模塊依賴信息文件package.json
4創建資料庫:
createdatabase myblog default CHARACTER set utf8
5創建數據表:users 和 article表
6.在myblog文件夾內創建database.js文件,用來與mysql資料庫連結
varmysql=require("mysql");
vardb=mysql.createConnection({
host:"localhost",// 主機名
user:"root", //用戶名
password:"a", //密碼
port:3306, //埠號
database:"myblog",//資料庫名
multipleStatements: true //允許一次查詢多條sql語句
});
db.connect();//連接資料庫
module.exports=db;
7.修改myblog根目錄下的 app.js文件,最後一行代碼去掉
增加:app.listen(8080,function(){console.log("服務已經啟動")})
8.對自己編纂的文件進行編輯 再將其插入app.js當中。
9.啟動服務測試:node app
瀏覽器輸入localhost:8080 查看;
上面是具體步驟,接下來我們看一下這其中比較重要的部分---後臺管理系統
1.首先我們要知道前端可視的頁面存在於views文件夾下的admin文件夾當中
後臺處理則存在於routers文件夾下而一部分jq之類的js文件和css樣式和圖片則存在於Public文件夾當中
2.接下來我們開始操作
(1)對ejs文件進行編纂---因為這是我們前端展示的頁面,所以將其存放在views文件夾下的admin文件夾當中
(2)接下來對相應的js文件進行編寫 第一步---引入各種所需的模板
第二步---將index.Js當中的代碼拷貝過來
第三步---將編輯好的js文件引入到app.js文件當中
例如:
varindexRouter = require('./routes/index'); //引入index文件
app.use('/',indexRouter); //使用index
當然對應的index.js文件存放於routers文件夾下
(3)當然這也是最最重要的一部分---路由
router.get("/article_edit.html",function(req,res){
//引入資料庫表中的數據
var id=req.query.id;//
var page=req.query.page;
var sql="select * from n_article whereid="+id;//查詢資料庫
mysql.query(sql,function(err,result){
res.render("admin/article_edit",{page:page,id:id,row:result[0]});//響應頁面
})
})
接下來看一下我用node開發的後臺實現效果: