【Java殺呀】【01】JavaWeb 新手實(shí)戰(zhàn) 快速建立個(gè)人/公司 動(dòng)態(tài)網(wǎng)站
時(shí)間:2023-08-09 06:24:02 | 來(lái)源:網(wǎng)站運(yùn)營(yíng)
時(shí)間:2023-08-09 06:24:02 來(lái)源:網(wǎng)站運(yùn)營(yíng)
【Java殺呀】【01】JavaWeb 新手實(shí)戰(zhàn) 快速建立個(gè)人/公司 動(dòng)態(tài)網(wǎng)站:
- 寫(xiě)一篇讓人有目標(biāo),有成就感,有使命感。
- 寫(xiě)懂講懂證明學(xué)會(huì),便于復(fù)習(xí),省得忘記。
- 于己學(xué)有所得,于人助人為樂(lè),多多益善。
在我的認(rèn)知范圍內(nèi),搭建網(wǎng)站框架有兩種:
- 先買(mǎi)域名,然后解析到空間服務(wù)器上(域名必須掏錢(qián)而且要實(shí)名認(rèn)證,一年差不多五十多塊錢(qián);空間服務(wù)器可以試用,如三豐云的)
- 或者是試用阿里云/騰訊云/華為云的一個(gè)月服務(wù)器,
- 遠(yuǎn)程通過(guò)Apache(Wamp靜態(tài))服務(wù)器請(qǐng)求連接(3306端口)
- 或通過(guò)Tomcat(Java/JSP動(dòng)態(tài))服務(wù)器請(qǐng)求連接(8080端口)
網(wǎng)站主題也有兩種,跟英雄皮膚一樣快速換CSS樣式:
- 主要針對(duì)博客的hexo,域名以http://github.io結(jié)尾。純免費(fèi)。
- 應(yīng)用范圍更廣的wordpress。博客、企業(yè)門(mén)戶、商城購(gòu)物...
但是hexo和wordpress安裝的是靜態(tài)網(wǎng)頁(yè),也就是說(shuō)不能夠從數(shù)據(jù)庫(kù)讀取數(shù)據(jù)自動(dòng)填充刷新內(nèi)容。就好比本站用戶發(fā)想法、淘寶賣(mài)家上架商品,不可能在那里光寫(xiě)著html文件,賣(mài)家上架一個(gè)商品,程序員就加一行代碼,那樣的話工作效率就太低下了,而且還有以億為單位進(jìn)行計(jì)算的用戶量,要都是靜態(tài)網(wǎng)站的話,那代碼估計(jì)得以?為單位。
所以需要在網(wǎng)站上開(kāi)發(fā)一個(gè)模塊(app應(yīng)用),囊括了用戶的注冊(cè)、登錄、上傳等功能,而且還要有一個(gè)數(shù)據(jù)庫(kù)用來(lái)存儲(chǔ)用戶的信息,并在網(wǎng)頁(yè)上面動(dòng)態(tài)顯示出來(lái),確保每個(gè)用戶的頁(yè)面內(nèi)容都不一樣。Java功能+MySQL數(shù)據(jù)+JSP頁(yè)面。
一、阿里云搭建自己的服務(wù)器
參考鏈接:我想搭建一個(gè)自己的服務(wù)器,但不知道怎么做,求會(huì)的大佬指點(diǎn)一下?實(shí)體的,沒(méi)表達(dá)清楚,順便問(wèn)問(wèn)難不難?
【1】free.aliyun.com 登錄阿里云試用中心
【2】選這個(gè)突發(fā)型t5
【3】設(shè)備配置
- CPU:1核
- 內(nèi)存:2GB
- 磁盤(pán)空間:40GB
- 系統(tǒng):Windows Server 2012 R2數(shù)據(jù)中心版 64位(Win都能用的慣)
【4】更改遠(yuǎn)程密碼
- 實(shí)例密碼是服務(wù)器開(kāi)機(jī)密碼,一般不需要。直接阿里云網(wǎng)頁(yè)界面中點(diǎn)擊啟動(dòng)即可,沒(méi)必要那么麻煩。
- VNC遠(yuǎn)程密碼就是遠(yuǎn)程訪問(wèn)的密碼。
左側(cè)欄中,本菜鳥(niǎo)目前常用到的就是實(shí)例和安全組。實(shí)例就是服務(wù)器相關(guān)設(shè)置;安全組就是網(wǎng)頁(yè)訪問(wèn)相關(guān)(即在ip后加冒號(hào)數(shù)字,默認(rèn)的是80)
概覽中官方還提供了不同板塊功能實(shí)現(xiàn)的教程。
【5】遠(yuǎn)程桌面連接
- 本地電腦中系統(tǒng)鍵入Remote
計(jì)算機(jī)
:就是你服務(wù)器的ip地址,實(shí)例列表中會(huì)給兩個(gè),一個(gè)公的,一個(gè)母的,不對(duì),一個(gè)私的。輸入公的ip。密碼
:就是剛剛設(shè)置的遠(yuǎn)程訪問(wèn)密碼
需要注意的是:- 服務(wù)器——唯一ip地址如80.100.78.60。阿里云的那些云服務(wù)器每臺(tái)都會(huì)分配一個(gè)公網(wǎng)IP,這樣域名綁定后,網(wǎng)頁(yè)把http://www.xxx.com解析為ip地址,確保ip地址唯一,要不然網(wǎng)頁(yè)就訪問(wèn)不到了,因?yàn)閿?shù)據(jù)請(qǐng)求不到。www的域名解析出來(lái)就是那些公網(wǎng)ip,用tomcat/apache服務(wù)器開(kāi)發(fā)的網(wǎng)站就是為了響應(yīng)回復(fù)這些請(qǐng)求的。
- 局域網(wǎng)——ip地址如192/172開(kāi)頭的。其他小地方,比如一個(gè)辦公室/小區(qū)/村內(nèi),只有一個(gè)公網(wǎng)IP,然后再分私網(wǎng)。阿里云服務(wù)器公網(wǎng)ip一對(duì)一,小地方服務(wù)器公網(wǎng)ip一對(duì)多
【6】進(jìn)來(lái)啦,訪問(wèn)成功
二、安裝Wamp Server集成工具
- W——Windows系統(tǒng)。
- A——Apache服務(wù)器。
- M——Mysql數(shù)據(jù)庫(kù)。
- P——PHP腳本。
【1】MySQL無(wú)法啟動(dòng)(缺失C++環(huán)境和dll動(dòng)態(tài)鏈接庫(kù)的原因)
安裝過(guò)程中可能會(huì)遇到Mysql安裝時(shí)mysqld.exe報(bào)`應(yīng)用程序無(wú)法正常啟動(dòng)(0xc000007b)`的問(wèn)題,那是因?yàn)槿鄙傧鄬?duì)應(yīng)的VC++庫(kù),需要用Direct X Repair工具來(lái)修復(fù)。如果缺失相應(yīng)的dll文件話,那就下載放到windows里面。
我都把相應(yīng)的工具直接整理好了,省得各大網(wǎng)站去下載了??梢怨?hào)“UE4有意思吧”回復(fù)“JavaWeb”獲取。
【2】點(diǎn)擊phpMyAdmin 進(jìn)入MySQL修改數(shù)據(jù)庫(kù)密碼
默認(rèn)root是沒(méi)有密碼的,直接點(diǎn)擊進(jìn)入后修改密碼。后期網(wǎng)站的數(shù)據(jù)庫(kù)就是本地MySQL上面的數(shù)據(jù)。
到這里了,可以跟著流程來(lái)安裝Wordpress建站,但那功能有限不夠用。
三、安裝JDK Java開(kāi)發(fā)工具包
【1】下載安裝JDK(Java Development Kit)
- Java SE - Downloads | Oracle Technology Network | Oracle 版本
- Java SE Development Kit 8 - Downloads (oracle.com)
下載64位的。
默認(rèn)路徑安裝。
【2】定義環(huán)境變量:
環(huán)境變量就是便于在cmd中用關(guān)鍵詞進(jìn)行操作。比如輸入java -version,現(xiàn)在電腦在cmd中還不認(rèn)java這個(gè)詞,但你像鍵入ipconfig的話,電腦肯定能識(shí)別并執(zhí)行相應(yīng)命令返回語(yǔ)句。
注意系統(tǒng)變量名都是大寫(xiě)、下劃線。【1】新增 JAVA_HOME 系統(tǒng)變量(JDK的根路徑)- 變量名:JAVA_HOME
- 變量值:C:/Program Files/Java/jdk1.8.0_221(根據(jù)下載的jdk版本來(lái)重命名后綴)
- JDK——Java Development Kit,開(kāi)發(fā)工具包
- JRE——Java Runtime Environment,開(kāi)發(fā)環(huán)境
【2】添加 PATH 系統(tǒng)變量值(jdk中bin+jre中bin可執(zhí)行程序)注意分號(hào)中英文的區(qū)別。
- 原變量值:C:/Program Files (x86)/Common Files/Oracle/Java/javapath;%SystemRoot%/system32;%SystemRoot%;%SystemRoot%/System32/Wbem;%SYSTEMROOT%/System32/WindowsPowerShell/v1.0/
- 后綴添增:;%JAVA_HOME%/bin;%JAVA_HOME%/jre/bin;
【3】新增 CLASS_PATH 系統(tǒng)變量(jar相關(guān)庫(kù)文件)- 變量名:CLASS_PATH
- 變量值:.;%JAVA_HOME%/lib;%JAVA_HOME%/lib/tools.jar
【4】java -version驗(yàn)證四、本地安裝Eclipse開(kāi)發(fā)環(huán)境及Tomcat并配置項(xiàng)目
不要在服務(wù)器里面安裝Eclipse開(kāi)發(fā)。而應(yīng)該是本地開(kāi)發(fā)好后打包成war壓縮包再給服務(wù)器的tomcat。服務(wù)器配置那么差,能開(kāi)發(fā)嗎?太卡了。- 需要注意Eclipse的版本是EE(Enterprise Edition)。
- Tomcat版本一般是8.5. Start.bat啟動(dòng)。
可以到這位大哥的專欄里面找你感興趣的項(xiàng)目模板。(感謝大哥)
我選了一個(gè)網(wǎng)上商城的項(xiàng)目。我把那個(gè)視頻內(nèi)容步驟稍微整理一下。
【1】下載項(xiàng)目
git clone
https://gitee.com/2121/shop.git【2】給Eclipse配置JDK開(kāi)發(fā)包
- 窗口->偏好設(shè)置->Java->Installed JRES
- 添加JDK路徑。切換為JDK路徑。
【3】添加Tomcat Server
只要版本是JavaEE就有,其他版本這里什么都沒(méi)有的。(那種什么Install安裝更新Web服務(wù)啊都不管用,版本都錯(cuò)了,再搜解決方案肯定是錯(cuò)上加錯(cuò))
【4】導(dǎo)入項(xiàng)目
- File->Import->General->Existing Projects into Workspace。
- 選到有WebRoot(放網(wǎng)頁(yè)代碼)和src(放Java代碼)的路徑
- 添加
【5】設(shè)置項(xiàng)目編碼
右鍵項(xiàng)目,進(jìn)入項(xiàng)目設(shè)置。將國(guó)標(biāo)GBK設(shè)置成UTF-8
【6】Build Path中添加Tomcat服務(wù)器路徑
五、Navicat本地連接服務(wù)器的MySQL數(shù)據(jù)庫(kù)進(jìn)行更改
【1】開(kāi)放3306端口,連接服務(wù)器MySQL數(shù)據(jù)庫(kù)
如果不能連接需要在阿里云安全組中開(kāi)放3306端口。(別無(wú)他法)
(需要確認(rèn)Wampserver中的MySQL服務(wù)是開(kāi)啟的,Apache和MarialDB可以不用開(kāi)。MarialDB也是一種數(shù)據(jù)庫(kù)
)【2】新建數(shù)據(jù)庫(kù)
【3】查詢
將SQL代碼語(yǔ)句復(fù)制粘貼,跑起來(lái)。然后表中就有表格數(shù)據(jù)了。
【4】錄入完畢
好了,這下服務(wù)器端的MySQL數(shù)據(jù)庫(kù)中就有這些數(shù)據(jù)了。
六、配置登錄
【1】jdbc.properties中 配置服務(wù)器數(shù)據(jù)庫(kù)密碼
左側(cè)Java Resources中的jdbc.properties(jdbc=Java Database Connectivity)。
- user為root不變
- password為你服務(wù)器MySQL的密碼。不對(duì)的話網(wǎng)頁(yè)會(huì)訪問(wèn)不了。
【2】阿里云開(kāi)啟端口8080
這樣就可以用公網(wǎng)ip地址+端口+項(xiàng)目訪問(wèn)了。
【3】打包項(xiàng)目
直接導(dǎo)出WAR File
把它放到服務(wù)器tomcat服務(wù)器的webapps文件夾下。(默認(rèn)訪問(wèn)是ROOT)
- 如100.30.25.12:8080/Test2 訪問(wèn)的是我們的項(xiàng)目主頁(yè)
- 100.30.25.12:8080 訪問(wèn)的是ROOT下面的文件
【4】啟動(dòng)Tomcat服務(wù)器
當(dāng)啟動(dòng)Startup.bat的時(shí)候它會(huì)自動(dòng)解壓的。
- 本地開(kāi)發(fā)時(shí)開(kāi)啟Eclipse里面的Tomcat的服務(wù)器進(jìn)行測(cè)試。
- 服務(wù)器端就雙擊這個(gè)Startup.bat 就好了。
肯定是先要用本地的localhost:8080 測(cè)試通再打包給服務(wù)器用的。(同時(shí)需要注意MySQL服務(wù)器需要開(kāi)啟狀態(tài))。這就需要確保本地和服務(wù)器數(shù)據(jù)庫(kù)的賬戶密碼都保持一致了,因?yàn)榘坏┐虺鰜?lái)就不可以改動(dòng)了。
【5】打開(kāi)你的網(wǎng)站吧。
你可以根據(jù)標(biāo)號(hào)自定義數(shù)據(jù)分類。隨便更改了數(shù)據(jù)進(jìn)行測(cè)試。
product中改圖片連接和圖片描述以及價(jià)格等。只是做個(gè)示例。
七、VSCode編輯SQL代碼數(shù)據(jù)
VS Code絕對(duì)是利器。另外剛開(kāi)始的時(shí)候需要注意的是盡量代碼寫(xiě)(快而且不受各個(gè)SQL軟件的影響,直接查詢錄入就行了),可能會(huì)wamp重裝導(dǎo)致sql信息丟失。
【1】hotkey腳本上下左右移動(dòng)光標(biāo)
#IfWinActive ahk_exe Code.exe^j::send,{left}^l::send,{right}^i::send,{up}^k::send,{down}
【2】編輯數(shù)字
- 上下倒換——Alt+上下箭頭
- 上下復(fù)制——Alt+Shift+上下箭頭
- 數(shù)字上下變換——Ctrl+上下箭頭
- 多行編輯——按住Alt,鼠標(biāo)點(diǎn)擊光標(biāo)/Ctrl+Alt+上下箭頭
【3】數(shù)字遞增遞減
數(shù)字不斷遞增遞減。 Increment插件。
- Ctrl+Alt+I Increment Selection/ 第一個(gè)是0,剩下數(shù)字一模一樣。 Increment Selection。000000,012345.
- 光標(biāo)在前就是遞減。
- 光標(biāo)在后就是遞增。
- Ctrl+Shift+P. Increment By 1/ 0.1 等等。
關(guān)鍵詞:動(dòng)態(tài),建立,新手,實(shí)戰(zhàn)