easyUI学习过程(二) ----在myeclipse上创建web项目并运行html文件

时间:2024-04-13 22:11:27

                              myeclipse上创建htmlproject项目并运行MyHtml.html文件

1.先打开myeclipse.

         a.在上边的菜单中点击文件创建找到web项目如图所示

   easyUI学习过程(二) ----在myeclipse上创建web项目并运行html文件

b.随后出现的页面点击

easyUI学习过程(二) ----在myeclipse上创建web项目并运行html文件

htmlProject项目创建成功

c.为了后期的规范化和方便创建html文件夹和css文件夹存放后期的html文件和css文件(此处只举例说明html文件的创建过程,css文件夹的创建完全类似)

easyUI学习过程(二) ----在myeclipse上创建web项目并运行html文件


随后便可以创建相应的.html文件如下:
easyUI学习过程(二) ----在myeclipse上创建web项目并运行html文件

2.运行创建好的 html文件:

         a.配置好本机的jdk环境,还有tomcat。
    
            (1)  测试jdk是通过cmd(win+r 快捷键 调出),输入java  -version ,
                   easyUI学习过程(二) ----在myeclipse上创建web项目并运行html文件
                         说明jdk环境配置成功否则失败
            (2)   测试tomcat是否配置成功在浏览器上输入:http://localhost:8080或者http:127.0.0.1:8080出现下边界                    面为安装成功(后边文章介绍jdk的配置还有tomcat的安装过程)
                                easyUI学习过程(二) ----在myeclipse上创建web项目并运行html文件


b.成功启动tomcat服务器
 easyUI学习过程(二) ----在myeclipse上创建web项目并运行html文件
 控制台显示情况:
easyUI学习过程(二) ----在myeclipse上创建web项目并运行html文件

c.书写自己的一个简单的html代码

      easyUI学习过程(二) ----在myeclipse上创建web项目并运行html文件

d.运行html代码

        a.点击下方图标中的浏览器按钮

 easyUI学习过程(二) ----在myeclipse上创建web项目并运行html文件

b.在搜索栏输入:http://localhost:8080/正确的项目名称/html所在的文件名/.html文件    即可