Stories

Detail Return Return

NodeJS+Express 的小白菜之登錄頁面實現 - Stories Detail

近期,技術小白收到我司的一個小小需求,部門需要用 NodeJS 做一個小工具。於是重拾對於技術的愛好。本着學了就不能浪費的原則。記錄下學習的過程。
視頻是從小破站上關注的一位 Up主叫:東哥-長樂未央。跟着 阿婆主一步步來操作,整理記錄文字版。

目錄

  • 基礎搭建:NodeJS 安裝

NodeJS 安裝

為了便於版本管理,使用 NVM 來安裝;什麼是 NVM?為什麼用 NVM 來安裝。
NVM 下載及使用

下載鏈接:

https://github.com/coreybutler/nvm-windows

找到右側 Release,直接下載安裝 NVM.exe
image.pngimage.png

NVM 的使用

NVM //確認是否安裝成功。執行後展示版本信息及其他內容,表示安裝成功;
nvm list availabe // 展示支持的版本list; 
nvm install node //安裝最新版本 node;
nvm install <Version> //安裝具體版本 node,如 nvm install 16.17.1;
nvm alias default <version> //設置默認版本;

另外,一定記得安裝 npm 鏡像

npm config set registry http://registry.npm.taobao.org// 安裝 npm 鏡像

Express

官方手冊參考: https://www.expressjs.com.cn/starter/installing.html

 npm install -g express-generator //全局安裝 express
express <myapp> // 創建一個名為 <myapp>的 express 應用;
cd myapp;//進入到myapp 文件夾後,安裝相關依賴
npm i //
npm install nodemon//安裝 nodemon 依賴,監聽變化。

image.png

Docker 運行MySQL

下載 Docker https://www.docker.com/
如果 Docker 安裝失敗,檢查 控制面板中是否開啓 Hyper-V選項
重啓後再次打開 Docker,如果依然失效,檢查更新 Linux 子系統

wls --update//更新Linux r Windows 子系統

image.png

安裝 Sequelize

npm i -g sequelize-cli 
npm i -g sequelize mysql2 //安裝數據庫所用的依賴
sequelize init // sequelize 初始化
sequelize model:generate --name seque_user --attributes username:string;password:string; // sequelize 創建表 這裏的名字一定不要定複數,在sequelize 裏,表是複數,模型為單數,如果整混了會使sequelize 找不到對應關係

sequelize db:migrate //使用 sequelize 執行migrations 裏的創建表命令

sequelize seed:generate --name article // 給 article 數據表創建一個添加種子數據的文件
sequelize db:seed --seed <具體seed 文件名> //執行seed 文件,往數據據裏添加模擬數據

解決跨域問題

使用cors 在後端解決跨域問題

npm install cors //安裝cors 依賴

//Node APP.js
const cors= require('cors')
//CORS 跨域配置
const corsOptions={
  origin:"*"//這裏可以寫入允許訪問的源
}
app.use(cors(corsOptions))//這一條必須與在所有的路由前面,這樣才能保證所有的路由文件都可以正確訪問接口

Add a new Comments

Some HTML is okay.