2 商城後台頁面搭建

2021-10-01 20:43:03 字數 1787 閱讀 5871

1.匯入

注意剛開始並沒有node_modules資料夾,不過package.json中依然定義了我們所需的一切依賴

只需要開啟終端,進入專案目錄,輸入:npm install命令,即可安裝這些依賴。大概需要幾分鐘。

在package.json檔案中有scripts啟動指令碼配置,在idea的terminal可以輸入命令:npm run dev或者npm start

啟動後 控制台:

開啟瀏覽器:

參考:網域名稱解析

本地網域名稱解析

瀏覽器會首先在本機的hosts檔案中查詢網域名稱對映的ip位址,如果查詢到就返回ip ,沒找到則進行網域名稱伺服器解析,一般本地解析都會失敗,因為預設這個檔案是空的。

網域名稱伺服器解析

本地解析失敗,才會進行網域名稱伺服器解析,網域名稱伺服器就是網路中的一台計算機,裡面記錄了所有註冊備案的網域名稱和ip對映關係,一般只要網域名稱是正確的,並且備案通過,一定能找到。

每次在c盤尋找hosts檔案並修改是非常麻煩的,推薦乙個快捷修改host的工具:switchhosts

http預設埠為80埠(config/index.js中為9001埠),如何才能把請求轉移到9001埠呢?

解決埠問題

用到反向**工具:nginx

nginx作為web伺服器

web伺服器分2類:

區分:web伺服器不能解析jsp等頁面,只能處理js、css、html等靜態資源。 併發:web伺服器的併發能力遠高於web應用伺服器。

nginx作為反向**

什麼是反向**?

nginx可以當做反向**伺服器來使用:

虛擬機器下解壓nginx,命令tar xvf nginx-1.10.0.tar.gz ,進入資料夾下

輸入 ./configure --prefix=/opt/nginx --sbin-path=/usr/bin/nginx

編譯安裝 make && make install

關閉防火牆 chkconfig iptables off

進入opt/nginx/conf下修改nginx.conf

修改:

server 

}server

}

修改本地host檔案

修改配置

商城專案實戰13 展示後台管理頁面

我們前面做了那麼多準備不是白做的,大家如果堅持到現在,真的值得給自己乙個擁抱!現在我們就來開始著手處理後台管理系統。首先,大家需要整合淘淘 的後台管理系統靜態頁面,即需要將以下css js jsp三個資料夾新增到taotao manager web工程中的web inf下。整合靜態頁面之後的效果為 ...

thinkphp搭建後台品字形框架頁面

頁面分為三個部分 head,left,right共同組成了index 在indexcontroller中 function index 展現後腰頭部頁面 function head 左邊頁面 function left 右邊頁面 function right 前台一共有四個頁面 分別是head,le...

05 01 後台管理員頁面框架搭建

後台管理員頁面框架搭建完成後,應該是頁面左側每個頁面都可以訪問 賬戶登入相關介面 新建user 新建login,edit,reset pwd方法 新建對應檢視層 賬戶管理相關頁面 新建account 新建index,set,info方法 新建對應檢視層 賬戶登入頁面需要新增如下靜態開發資料夾及其內部...