下载安装Eclipse后，怎么运行一个Java web项目呢？

我这里以当当网的开源项目为例，记录下配置过程

下载的源码目录如下：（Java web项目包括一个项目文件夹和一个SQL文件）



配置过程总共分为6步：

1.启动Eclipse，设置workspace的路径

2.导入项目

3.配置JDK版本

4.配置tomcat

5.配置MySQL数据库

6.运行
1.启动Eclipse，设置workspace的路径
启动Eclipse，设置好路径后，选择Launch


2.导入项目
File->Import->General->Existing Projects into Workspace



点击Next



选择项目路径



点击Finish完成
3.配置JDK版本
（1）配置Workspce的JDK版本（全局配置）

步骤1：Window —> Preferences —> Java —> Compiler —> 右侧面板设置为1.8， 如图所示：



步骤2：在此页面的Compiler下面设置Installed JRE

Installed JREs —> 右侧面板“Add”本地的1.8版本JDK路径，并勾上



如果没有上面2的话，就点击2右边的Add…如下图：



选择JRE后面的Directory…



选择本地安装的JDK安装路径，点击选择文件夹





点击Finish，然后勾选JDK1.8


（2）配置项目的JDK版本

步骤1：项目右键（一般是cms-core分项目，而不是cms-cms项目）—> Properties（或项目右键 —> Build Path —> Configure Build Path）—> Java Build Path（右侧面板）—> Libraries —>（如果有JRE System Library [jdk1.7.0_80]就点右侧的“Edit…”改为本地jdk1.8，如果是其他的jdk点“Remove” —> Add Library… —> 选“JRE System Library ” —> Next —> 再改为本地的jdk1.8）—> 然后确保Libraries右侧的标签页“Order And Export”也出现JRE System Library [jdk1.8.0_201]





步骤2：与Java Build Path同页面的Java Compiler—右侧面板设置为1.8



步骤3：与Java Compiler同页面的Project Facets—右侧面板勾上Java，Version设为1.8


4.配置tomcat
步骤一：

Window —> Preferences —> Server —> Runtime Envioronment，点击右侧控制面板Add…



选择Tomcat版本 v9.0



步骤二：选择Tomcat名名称，点击Edit，选择Tomcat本地安装路径,



点击Apply and  Close  完成应用设置



步骤三：tomcat为项目添加服务

主控制面板下，右键Tomcat，选择Add and Remove


选择dangdang，Add>>



添加成功后，界面如下，点击Finish完成


5.配置MySQL数据库
SQLyog下载dang.sql数据表中的内容

修改dangdang项目中src中连接MySQL数据库的用户名和密码


6.运行项目
点击下图中图标，运行项目



编译成功会类似如图显示


浏览器中输入网站访问地址，如下图即为成功

 

 

 

 

 

首先，部署flutter环境就不多说了，好多文章都可以查到，这里直接说怎么运行起一个web程序；

因为运行一个Android程序太简单了，各种教程各种书各种视频都是教怎么运行Android程序的，可能是因为我本身是做Android的所以看到的都是Android程序教程，不过我想搞一个web程序太难了，查了好久都不行；最后看了官网才一目了然：

 

官网在这里：传送门

 

以后有能力最好还是去官网吧；

 

 

 

Add web support to an existing app

 

To add web support to an existing project, run the following command in a terminal from the root project directory:

$ flutter create .


To serve your app from localhost in Chrome, enter the following from the top of the package:

$ flutter run -d chrome

 

 

解释一下，就是说新建一个正常的flutter demo，然后使用terminal进入到这个demo的主目录中，输入代码：

flutter create .

然后等他运行就好了，然后就变成web项目了；

然后怎么运行呢：

flutter run -d chrome

是的，就是使用Chrome运行起来，他会自动给一个端口，直接用Chrome打开；

但是我想让他部署到服务器怎么办呢，先build一下：

 

 

Build

Run the following command to generate a release build:

content_copy

$ flutter build web


A release build uses dart2js (instead of the development compiler) to produce a single JavaScript file main.dart.js. You can create a release build using release mode (flutter run --release) or by using flutter build web. This populates a build/web directory with built files, including an assets directory, which need to be served together.

 

 

就是说还是刚才运行的那里，直接flutter build web就好了，然后会在build目下有一个web目录，里边就是生成好的web文件，直接放到服务器就好了。

 

 

 

 

问题如图中右侧突然多了一个页面调试面板：



此面板名称为：CodeLive Panel，它是可以用来打开页面文件，比如JSP/HTML/CSS/JS等等，但是它的存在也给我的web项目带来一些麻烦，它影响了我的页面元素，导致页面出现混乱，所以只好把它关掉。

找到servers面板，单击一下CodeLive Panel窗口再刷新网页即可，如下图：

右击mueclipse Tomcatv7.0  点击  CodeLive ，即可去掉页面面板