服务购

　　web开发html5项目的配置,近来对于IT类人士,HTML5工程师好像是一个不错的选择，下面随小编一起看看html5 移动Web开发指南吧。

　　前面说了手动配置一个应用，手动配置可以更深入的理解html5应用的分布，但是一般的编辑器没有语法错误提示，所以开发起来对于错误的寻找不太容易，效率相对较低，所以在理解清楚html5项目的结构之后，我们使用html5 移动html5开发的话，能够使效率更高

　　开发可以使用html5 移动html5 for JavaEE或者MyHtml5 移动html5都是可以的，项目目录大致相同，只是运行的方式不一样，html5 移动html5是配置虚拟的环境执行应用，MyHtml5 移动html5运行的时候还是把项目发布到tomcat服务器下的html5apps中去运行，两者开发起来都一样，下面使用html5 移动html5来说一下Java html5应用的开发步骤

　　启动html5 移动html5后，点击菜单栏中的"File"->"New"->"Dynamic Html5 Project"新建一个动态网站项目

　　然后弹出对话框中项目名称填入Jsp1，默认情况下Target runtime中的选项值none，我们需要选择tomcat运行环境，点击New Runtime按钮

　　然后弹出新的对话框，环境根据我们计算机上实际的运行环境选择，这里我选择 Apache Tomcat v8.0然后单击 Finish

　　然后单击Browse选择tomcat服务器的安装位置，就是CATALINA_HOME环境变量的路径，然后单击Finish

　　那么现在，一个Html5项目就建立好了，目录结构大体如下图：

　　其中Html5Content就是我们jsp源文件的存放目录，下面有HTML5-INF和META-INF两个目录，和我们之前的html5应用目录一致

　　那么现在我们新建一个源文件，在Html5Content上右击，选择"New"->"Jsp File"

　　弹出的菜单中在File name中填入jsp的文件名，这里填写index.jsp，然后单击Finish

　　好的，此时我们的一个简单的html5应用就算建立完成了，这时可以单击上方的绿色运行按钮运行应用，也可以在代码编辑器中右击在弹出菜单中选择"Run As"->"Run on Server"运行程序

　　这个时候弹出对话框，我们直接点击Finish就开始运行了

　　此时服务器启动了，然后在html5 移动html5中打开一个内置窗口，然后会显示出相应的页面

　　注意此时在我们html5 移动html5工作目录下，就是和项目的同级目录下会出现一个Servers目录，这个目录就是html5 移动html5配置运行环境所生成的目录，项目管理器中也可以看到

　　注意，这个目录不要删除，否则程序不能运行，还需要重建，Server.xml、html5.xml、context.xml等配置文件就是存在于这个目录下

　　目前服务器是处于运行状态的，我们打开浏览器输入也可以正确访问到

　　此时html5 移动html5下方窗口Servers选项卡中可以看到我们配置的服务器和运行的项目列表

　　我们可以很方便的右击选择启动，停止，重启等操作，然后通过浏览器进行项目的调试

　　html5 移动html5的项目目录不能直接复制到html5apps下面，但是我们可以把Html5Content和build目录进行整合到原生的项目中，手动运行；更常用的方式是把项目导出war格式的包，直接放到tomcat应用目录下即可，运行时服务器会自动解包

　　最后补充一点，如果我们配置的服务器太多，或者误删除导致服务器失效，那么我们怎么删除原来的配置选项重新开始配置呢

　　首先右击项目管理器中的Servers目录，选择Delete然后勾选删除文件删除即可

　　然后下面的服务器停止后我们也是右击勾选删除配置并删除该服务器选项

　　最后单击菜单栏中的"Window"->"Preferences"，就是首选项的意思

　　然后在弹出的对话框中，左侧选择"Server"->"Runtime Environments"然后在右侧选择服务器点击"Remove"按钮即可移除，最后单击OK按钮完成即可

　　这个时候已经清理干净，我们就可以重新开始配置Java html5的开发环境了。

　　以上就是小编为大家带来的html5 移动web开发指南，希望对大家有所帮助。