當前位置:首頁 » 網頁前端 » web開發環境搭建教程
擴展閱讀
webinf下怎麼引入js 2023-08-31 21:54:13
堡壘機怎麼打開web 2023-08-31 21:54:11

web開發環境搭建教程

發布時間: 2022-08-04 21:56:32

1. 如何搭建javaweb開發環境

1、下載jdk,配置環境變數

下載JDK的具體步驟如下:

1、打開瀏覽器,在瀏覽器的地址欄里輸入如下網址:

http://www.oracle.com/technetwork/java/javase/downloads/index.html

進入界面如下:

選擇適合你系統類型的安裝文件,進行下載。


安裝JDK的具體步驟如下:

1、雙擊下載的JDK安裝程序,進入安裝界面,首先進入安裝向導界面,一直下一步

Java程序的開發過程

開發Java程序總體上可以分為3步:

1、編寫Java源文件。Java源文件是一種文本文件,其擴展名為.java。(如:X.java)

2、編譯Java源文件,也就是將Java源文件編譯(Compile)成Java類文件(擴展名為.class),如:使用「javac.exe」命令將X.java文件編譯成「X.class」類文件。

Java類文件由位元組碼構成,所以也可以稱為位元組碼文件,所謂的位元組碼文件是與平台無關的二進制碼,執行時由解釋器(java.exe)解釋成本地計算機碼。一邊解釋一邊執行,解釋一句,執行一句。

3、運行Java程序。Java程序可以分為
Java Application(Java應用程序)和Java Applet(Java小應用程序)。其中,Java
Application必須通過Java解釋器來解釋執行其位元組碼文件,Java Applet必須使用支持它的瀏覽器(IE瀏覽器)運行。

2. 微信web開發工具怎麼搭建環境

web開發者工具,就是為幫助開發者更方便、更安全地開發和調試基於微信的網頁,我們推出了 web 開發者工具。它是一個桌面應用,通過模擬微信客戶端的表現,使得開發者可以使用這個工具方便地在 PC 或者 Mac 上進行開發和調試工作;

你可以:

  • 使用自己的微信號來調試微信網頁授權

  • 調試、檢驗頁面的 JS-SDK 相關功能與許可權,模擬大部分 SDK 的輸入和輸出

  • 使用基於 weinre 的移動調試功能

  • 利用集成的 Chrome DevTools 協助開發

3. 基於web系統開發環境怎麼寫

Web 應用系統開發環境的搭建步驟,包括 JDK 安裝,設置環境變數, Tomcat 安裝,MyEclipse 安裝等。
步驟:
1.安裝 JDK,設置環境變數,JDK 安裝;
2. 安裝 Tomcat;
3. 安裝 MyEclipse,完成相關配置;
4. 打開MyEclipse 後界面;
5. 在 MyEclipse 中部署 bookshop 實常式序(通過 COPY);
6. 導入的 bookstore 工程
7. 運行程序,觀察運行情況和輸出結果;

4. 如何搭建java web的開發環境

下載JDK
http://www.oracle.com/technetwork/java/javase/downloads/index.html
因為我們要為開發後續的Java Web程序做准備,所以下載JDK,如圖所示

2
完成上圖操作後,進入如圖所示界面。這個界面中列出了針對不同操作系統的Java開發環境安裝包。我們首先要同意Java開發工具包的許可,然後選擇對應的Java JDK版本下載。在這里因為我的電腦是windows64位系統,我們下載windows 64位版本

3
如圖,正在下載中。官網下載速度比較慢,這里我提供一個360雲盤的分享鏈接,區別只是版本不同,使用方法一樣。
http://yunpan.cn/cJuEjFpVVqz5q 訪問密碼 d508

4
現在開始我們的Java安裝之旅,點擊下載好的安裝包「jdk-8u40-windows-x64.exe」,進入安裝界面。

5
出現如圖所示界面使,點擊「運行」

6
點擊「下一步」

7
如圖所示界面中,可以更改Java開發環境的安裝路徑,修改完安裝路徑後點擊「確定」

8
安裝正式開始

9
安裝程序進行一會兒會出現如圖界面,這是要安裝Java的運行環境(JRE),同樣的,也可以更改安裝路徑,這里我採用默認路徑,點擊「下一步」

安裝程序繼續運行

安裝結束

下面我們開始配置Java的運行參數,右鍵點擊「計算機」,選擇「屬性」

選擇「高級系統設置」

選擇「環境變數」

點擊「系統變數」下方的「新建」按鈕,新建「JAVA_HOME」變數,變數值填寫JDK的安裝路徑。也就是上文第七步設置的安裝路徑。

然後再建立系統變數「CLASSPATH」,變數值為「.;」

在「系統變數」中找到系統變數「Path」,在變數值的最前面添加「%JAVA_HOME%\bin;」,然後點擊確定,確認所有更改

然後打開「開始」,打開「cmd.exe」

輸入「javac」,出現如圖界面,Java開發環境至此配置成功

5. 如何搭建java web開發環境

首先准備好需要安裝的軟體(官網下載,此處都是用的目前最新版本):

一、安裝JDK
1、下載得到jdk-8u11-windows-i586.1406279697.exe,直接雙擊運行安裝,一直next就可以,默認是安裝到系統盤下面Program Files,我這里裝在D:\Program Files\Java下面,注意安裝完jdk之後會自動運行安裝jre,這時的安裝路徑最好和jdk一樣,方便管理,我的都是在D:\Program Files\Java下面。
2、環境變數配置:右擊「我的電腦」,點擊「屬性」;選擇「高級系統設置」選項卡,點擊「環境變數」; 在「系統變數」中,設置3項屬性,JAVA_HOME、PATH和classpath(大小寫無所謂),若已存在則點擊「編輯」,不存在則點擊「新建」;一般 PATH都是已經存在的。
3、配置如下:
1)JAVA_HOME
D:\Program Files\Java\jdk1.8.0_11
2)classpath
.;%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\tools.jar;%JAVA_HOME%\lib;
3)PATH
%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin;
如圖:

注意:classpath項的變數值前面是有一點的,Path的變數值一般加到原來值的前面,如果加到後面要用分號隔開。
4、驗證安裝成功與否:「開始」->鍵入「cmd」;鍵入命令「java -version」,「java」,「javac」幾個命令,出現畫面,說明環境變數配置成功。
二、安裝tomcat
1、下載apache-tomcat-8.0.15-windows-x86.zip,這是免安裝版的,直接解壓即可。如果是安裝版的tomcat,雙擊運行一路next即可安裝完畢,其中也可以配置一下安裝路徑,保持默認路徑,埠也是默認8080。
2、驗證安裝:打開瀏覽器,鍵入http://localhost:8080/,如果出現一下頁面即安裝成功:

三、eclipse安裝與配置
1、下載eclipse-jee-luna-SR1-win32.zip,直接解壓即可,我解壓到F:\Program Files\eclipse;
2、下載Tomcat插件tomcatPluginV331.zip,解壓都得到com.sysdeo.eclipse.tomcat_3.3.1.jar文件;
3、將com.sysdeo.eclipse.tomcat_3.3.1.jar拷貝到eclipse目錄下的dropins插件文件夾內,我這里是F:\Program Files\eclipse\dropins,如下圖:

4、運行eclipse,設置workspace,我設置在D:\工作空間\workspace,運行eclipse後工具欄上會出現Tomcat工具條,如圖:

5、接著進行eclipse配置,先是jre,一般此項已經配置好的,如下圖:

6、然後是web應用伺服器配置,步驟如下圖:

點擊Add,選中Apache Tomcat v8.0,然後點擊next,選中Tomcat的安裝路徑Finish即可。

7、配置Tomcat,選擇版本,安裝路徑以及Server.xml,如下圖:

Advanced下設置Tomcat路徑,如下圖:

完成以上步驟Tomcat就已經配置好了。
至此,Java EE環境搭建完畢。

6. 如何搭建web應用系統團隊開發環境

1、下載源碼

通過搜索引擎找到CVS的源代碼包,也可以從CVS的官方網站cvshome.org上尋找,由於CVS歷史上也出現過一些安全漏洞,所以建議要定期去其官方網站上看看有沒有最新版本推出。

2、編譯安裝

[root@terry src]# tar -xjpvf cvs-1.12.5.tar.bz2

[root@terry src]# cd cvs-1.12.5

[root@terry cvs-1.12.5]# ./configure --prefix=/usr/local/terry_yu/cvs

--disable-server-flow-control

[root@terry cvs-1.12.5]# make

[root@terry cvs-1.12.5]# make install

以上指令將CVS安裝到/usr/local/terry_yu/cvs這個目錄上。

註:除了使用源碼包進行安裝之外,還可以使用RPM包來安裝。

3、設置啟動CVS服務

在Linux上CVS服務可以通過inetd、xinetd或tcpwrapper等來啟動,其中inetd由於安全理由在許多場合已經被xinetd所取代了,這里我們使用xinetd來啟動CVS服務。

在/etc/xinetd.d目錄下為CVS服務創建一個配置文件,比如:/etc/xinetd.d/cvspserver,編輯/etc/xinetd.d/cvspserver,輸入以下內容:

service cvspserver

{

disable = no

socket_type = stream

wait = no

user = root

env = HOME=

server = /usr/bin/cvs

server_args = -f --allow-root=/home/cvsroot pserver

}

註:

1)pserver表示是口令認證的訪問方式,這是最常用的方式,其他還有gserver,kserver,ext,如果想要更高的安全性可以使用ssh來加密口令和數據流,不過這里為了用戶使用的方便,仍然選的是pserver。
2)--allow-root是指定Repository的目錄,可以建立多個Repository

然後重新啟動xinetd:

[root@terry bin]# /etc/rc.d/init.d/xinetd restart

Stopping xinetd: [ OK ]

Starting xinetd: [ OK ]

重新啟動xinetd服務後,CVS服務也開始工作了。

4、在CVS伺服器端建立Repository

首先要創建一個名為cvs的組和一個名為cvsroot的用戶,以後要訪問CVS服務的用戶加入cvs這個組:

[root@terry root]# groupadd cvs

[root@terry root]# useradd -g cvs -s /sbin/nologin cvsroot

[root@terry root]# chown -R cvsroot /home/cvsroot

接下來進行初始化:

[root@terry root]# cvs -d /home/cvsroot init

這樣在/home/cvsroot目錄中就產生了CVSROOT目錄,其中存放了一些配置文件,如config等,然後設置許可權:

[root@terry root]# chown -R cvsroot.cvs /home/cvsroot

[root@terry root]# chmod -R ug+rwx /home/cvsroot

[root@terry root]# chmod 644 /home/cvsroot/CVSROOT/config

為了CVS系統的安全,我們要修改/home/cvsroot/CVSROOT/config文件,將「#SystemAuth =no」前面的注釋號#去掉,即改為「SystemAuth =no」,然後給開發者們逐一建立賬號,新建的不要分配用戶目錄,因為它將作為一個虛擬用戶帳號來使用,具體命令如:

[root@terry root]# useradd -g cvs -M bogus

[root@terry root]# passwd bogus

上面的命令就創建了一個並沒有Home目錄的用戶bogus,接著將系統的shadow文件復制到CVSROOT, 並重命名為passwd:

[root@terry root]# cp /etc/shadow /home/cvsroot/CVSROOT/passwd

[root@terry root]# chmod 0644 /home/cvsroot/CVSROOT/passwd

然後修改passwd文件,將除bogus之外的所有行刪除,然後去掉每行第二個冒號以後的所有內容,並添上字元串cvsroot, 改為如下格式:

bogus:ND5$J8N9BW5DKV.nPdxfdsh:cvsroot

然後,刪除掉剛剛在系統中添加的那個用戶bogus:

[root@terry root]# userdel -f bogus

好了,到這里,CVS伺服器端就已經安裝設置好了,這樣你的CVS用戶就只能用passwd中規定的用戶來登陸你的CVS伺服器了,要注意的是:本文介紹的添加用戶的方法適用於小數量的用戶,如果是有大規模的開發人員,推薦採用連接LDAP或者資料庫來進行用戶的認證服務。

7. ubuntu怎麼進行javaweb開發環境配置

一.搭建WEB開發環境

1.安裝Java環境開發工具軟體JDK

(1)從Java官方網站http://www.oracle.com/technetwork/java/javase/downloads/jdk6-downloads-1637591.html去下載相應的JDK版本jdk-6u33-linux-i586.bin

(2)安裝jdk-6u33-linux-i586.bin

#chmoda+xjdk-6u33-linux-i586.bin
#./jdk-6u33-linux-i586.bin

運行以上命令會自動完成Java JDK安裝。

(3)設置Java JDK運行環境

#vim/etc/profile#在此文件里添加以下內容

-----------------------------------------------
JAVA_HOME=/usr/java/jdk1.6.0_33
JRE_HOME=/usr/java/jdk1.6.0_33/jre
CLASSPATH=.:$JAVA_HOME/lib:$JAVA_HOME/jre/lib
PATH=$JAVA_HOME/bin:$JAVA_HOME/jre/bin:$PATH

export JAVA_HOME JRE_HOME CLASSPATH PATH

------------------------------------------------

設置完後,重啟機器或注銷後,運行以下命令:

#source/etc/profile#臨時使當前shell控制台配置生效
#java-version
javaversion"1.6.0_31"
Java(TM)SERuntimeEnvironment(build1.6.0_31-b04)
JavaHotSpot(TM)ClientVM(build20.6-b01,mixedmode,sharing)

返回結果後,說明Java JDK安裝成功!

2.搭建Tomcat伺服器運行JSP腳本

(1)從Tomcat官方網站http://archive.apache.org/dist/tomcat/下載相應的Tomcat版本apache-tomcat-7.0.29.tar.gz
(2)安裝apache-tomcat-7.0.29.tar.gz

#tar-xvfapache-tomcat-7.0.29.tar.gz
#mkdiropt
#mvapache-tomcat-7.0.29/opt/

(3)運行Tomcat

#cd/opt/apache-tomcat-7.0.29/bin
#./startup.sh#啟動Tomcat

在瀏覽器里輸入http://安裝Tomcat的主機IP地址:8080/,如果返回Tomcat的幫助頁面,說明Tomcat安裝成功!

3. 使Tomcat伺服器開機自動重起

#cd/etc/init.d
#vimtomcat
-----------------------------------------------
###
#
#程序提供:Tomcat
#需要啟動:$network$local_fs
#需求停止:$network$local_fs
#開始級別:2345
#停止級別:06
#
###信息結束

PID_DIR=/var/run/tomcat
GET_VER=`ls/opt|greptomcat|seds/apache-//g`


TOMCAT_PID=$PID_DIR/tomcat.pid
TOMCAT_DIR=/opt/apache-tomcat-7.0.29/bin

TOMCAT_START=$TOMCAT_DIR/startup.sh
TOMCAT_STOP=$TOMCAT_DIR/shutdown.sh
./lib/lsb/init-functions


check_privsep_dir(){
#
if[!-d$PID_DIR];then
mkdir$PID_DIR
chmod0755$PID_DIR
fi
}

case"$1"in
start)
log_daemon_msg"Starting$GET_VERdaemons."
check_privsep_dir
start-stop-daemon--quiet--start--pidfile$TOMCAT_PID--exec$TOMCAT_START
;;

stop)
log_daemon_msg"Stopping$GET_VERdaemons."
start-stop-daemon--quiet--stop--oknodo--exec$TOMCAT_STOP
;;

restart)
start-stop-daemon--quiet--stop--oknodo--exec$TOMCAT_STOP
sleep3
start-stop-daemon--quiet--start--pidfile$TOMCAT_PID--exec$TOMCAT_START
;;
*)
echo"Usage:/etc/init.d/tomcat{start|stop|restart}"
exit1
esac
exit0
-----------------------------------------------

#chmod755tomcat
#chownroot:roottomcat

#update-rc.dtomcatstart992345.stop9906.#添加tomcat服務到99運行級別2,3,4,5

4.其他問題
(1)如果要安裝JavaEE開發的JDK,請在http://www.oracle.com/technetwork/java/javaee/downloads/java-ee-sdk-6u3-jdk-6u29-downloads-523388.html網址下載java_ee_sdk-6u4-jdk-linux-ml.sh的多國語言版,安裝這個軟體包必須先安裝JDK6。

在linux下安裝javaEE的時候可能會遇到以下警告:
-----------------------------------------------
Could not locate a suitable jar utility.
Please ensure that you have Java 6 or newer installed on your system and accessible in your PATH or by setting JAVA_HOME
-----------------------------------------------

運行以下命令就可以解決:

#ln-s/usr/java/jdk1.6.0_33/bin/java/bin/java
#ln-s/usr/java/jdk1.6.0_33/bin/javac/bin/javac
#ln-s/usr/java/jdk1.6.0_33/bin/jar/bin/jar

這樣就可以安裝了,在安裝java_ee_sdk-6u4-jdk-linux-ml.sh 軟體包時,會安裝glassfish伺服器,提示並佔用8080埠。

(2)如果Shell腳本運行,提示bad interpreter:No such file or directory錯誤!

#vim/etc/init.d/tomcat
使用:setff=unix強制將文件轉換為unix格式。:wq保存退出。

8. 如何學習web開發環境搭建和腳手架

Web前端的學習路線


第一階段:


HTML+CSS:


HTML進階、CSS進階、div+css布局、HTML+css整站開發、


JavaScript基礎:


Js基礎教程、js內置對象常用方法、常見DOM樹操作大全、ECMAscript、DOM、BOM、定時器和焦點圖。


JS基本特效:


常見特效、例如:tab、導航、整頁滾動、輪播圖、JS製作幻燈片、彈出層、手風琴菜單、瀑布流布局、滾動事件、滾差視圖。


JS高級特徵:


正則表達式、排序演算法、遞歸演算法、閉包、函數節流、作用域鏈、基於距離運動框架、面向對象基礎、


jQuery:基礎使用


懸著器、DOM操作、特效和動畫、方法鏈、拖拽、變形、JQueryUI組件基本使用。


第二階段:HTML5和移動Web開發


Html5:


HTML5新語義標簽、HTML5表單、音頻和視頻、離線和本地存儲、SVG、Web Socket、Canvas.


CSS3:


CSS3新選擇器、偽元素、臉色表示法、邊框、陰影、background系列屬性改變、Transition、動畫、景深和深透、3D效果製作、Velocity.js框架、元素進場、出場策略、炫酷CSS3網頁製作。


Bootstrap:


響應式概念、媒體查詢、響應式網站製作、刪格系統、刪格系統原理、Bootstrap常用模板、LESS和SASS。


移動Web開發:


跨終端WEB和主流設備簡介、視口、流式布局、彈性盒子、rem、移動終端JavaScript事件、手機中常見JS效果製作、Zepto.js、手機聚劃算頁面、手機滾屏。


第三階段:HTTP服務和AJAX編程


WEB伺服器基礎:


伺服器基礎知識、Apache伺服器和其他WEB伺服器介紹、Apache伺服器搭建、HTTP介紹。


PHP基礎:


PHP基礎語法、使用PHP處理簡單的GET或者POST請求、


AJAX上篇:


Ajax簡介和非同步的概念、Ajax框架的封裝、XMLHttpRequest對象詳細介紹方法、兼容性處理方法、Ajax框架的封裝、Ajax中緩存問題、XML介紹和使用。


AJAX下篇:


JSON和JSON解析、數據綁定和模板技術、JSONP、跨域技術、圖片預讀取和lazy-load技術、JQuery框架中的AjaxAPI、使用Ajax實現爆布流案例額。


第四階段:面向對象進階


面向對象終極篇:


從內存角度到理解JS面向對象、基本類型、復雜類型、原型鏈、ES6中的面向對象、屬性讀寫許可權、設置器、訪問器。


面向對象三大特徵:


繼承性、多態性、封裝性、介面。


設計模式:


面向對象編程思維、單例模式、工廠模式、策略模式、觀察者模式、模板方法模式、代理模式、裝飾者模式、適配器模式、面向切面編程。


第五階段:封裝一個屬於自己的框架


框架封裝基礎:


事件流、冒泡、捕獲、事件對象、事件框架、選擇框架。


框架封裝中級:


運動原理、單物體運動框架、多物體運動框架、運動框架面向對象封裝。


框架封裝高級和補充:


JQuery框架雛形、可擴展性、模塊化、封裝屬於傳智自己的框架。


第六階段:模塊化組件開發


面向組件編程:


面向組件編程的方式、面向組件編程的實現原理、面向組件編程實戰、基於組件化思想開發網站應用程序。


面向模塊編程:


AMD設計規范、CMD設計規范、RequireJS,LoadJS、淘寶的SeaJS。


第七階段:主流的流行框架


Web開發工作流:


Git/SVN、Yeoman腳手架、NPM/Bower依賴管理工具、Grunt/Gulp/Webpack。


MVC/MVVM/MVW框架:


Angular.js、Backbone.js、Knockout/Ember。


常用庫:


React.js、Vue.js、Zepto.js。


第八階段:HTML5原生移動應用開發


Cordova:


WebApp/NativeApp/HybirdApp簡介、Cordova簡介、與PhoneGap之間的關系、開發環境搭建、Cordova實戰(創建項目,配置,編譯,調試,部署發布)。


Ionic:


Ionic簡介和同類對比、模板項目解析、常見組件及使用、結合Angular構建APP、常見效果(下拉刷新,上拉載入,側滑導航,選項卡)。


React Native:


React Native簡介、React Native環境配置、創建項目,配置,編譯,調試,部署發布、原生模塊和UI組件、原生常用API。


HTML5+:


HTML5+中國產業、HTML5 Plus Runtime環境、HBuilder開發工具、MUI框架、H5+開發和部署。


第九階段: Node.js全棧開發:


快速入門:


Node.js發展、生態圈、Io.js、Linux/Windows/OS X環境配置、REPL環境和控制台程序、非同步編程,非阻塞I/O、模塊概念,模塊管理工具、開發流程,調試,測試。


核心模塊和對象:


全局對象global,process,console,util、事件驅動,事件發射器、加密解密,路徑操作,序列化和反序列化、文件流操作、HTTP服務端與客戶端、Socket.IO。


Web開發基礎:


HTTP協議,請求響應處理過程、關系型資料庫操作和數據訪問、非關系型資料庫操作和數據訪問、原生的Node.js開發Web應用程序、Web開發工作流、Node.js開發Blog案例。


快速開發框架:


Express簡介+MVC簡介、Express常用API、Express路由模塊、Jade/Ejs模板引擎、使用Express重構Blog案例、Koa等其他常見MVC框架。


Node.js開發電子商務實戰:


需求與設計、賬戶模塊注冊登錄、會員中心模塊、前台展示模塊、購物車,訂單結算、在線客服即時通訊模塊。

9. web自動化測試環境如何搭建

web自動化測試環境搭建主要包含如下幾點:
1. Python 開發環境
2. 安裝selenium包
3. 安裝瀏覽器
4. 安裝瀏覽器驅動 -- 保證能夠用程序驅動瀏覽器,實現自動化測試.
如果想學習更多的內容,一個朋友在傳智播客學習軟體測試.現在月薪12K。

10. 如何在eclipse中搭建javaweb開發環境

1、進行再左邊框中進行右鍵的方式,彈出了下拉菜單中進行選擇為「new」的選型菜單。
2、進入到了下一格下拉菜單中進行選擇為「dynamic web project」的選型菜單。
3、這樣就會彈出了一個new dynamic web project中,在project name中進行輸入項目名稱,進行點擊
4、彈出了一個new server runtime environment的選項中,進行選擇電腦已有tomcat的對應的版本。
5、選擇完成之後返回到new dynamic web project的界面中,進行點擊點擊next,默認選項直接next即可。
6、進入到了下一步以後,進行勾選上
7、這樣項目的javaweb項目創建完成了。