微信硬件开发系列教程02-eclipse的j2ee软件使用教程
2017-04-08 16:15
357 查看
eclipse的j2ee软件通常用来开发java web项目(通过这个教程,你可能又会一门语言,牛13),
由于微信硬件开发者中心的DEMO用java来编写,我们在这里也教教大家如何使用j2ee来编写web项目。
![](http://www.znck007.com/data/attachment/forum/201604/09/110727theo3b45rr6o64ez.png)
一、下载eclipse j2ee+java7。
下载地址:http://pan.baidu.com/s/1jHFsRMu
![](http://www.znck007.com/data/attachment/forum/201604/11/113632nti1g57vuaxituwd.png)
解压后,在eclipse-jee-mars-1-win32-x86_64\eclipse目录可以直接运行eclipse.exe,但要先安装java环境。
二、配置java环境。
下载地址:http://pan.baidu.com/s/1dESuvqL
![](http://www.znck007.com/data/attachment/forum/201604/11/115316hdk1fw13rdm81331.png)
解压后,运行相对应的版本,如果是64位则运行x64,32位的电脑运行x86的版本。
然后一直下一步,直到安装成功。
设置系统变量:
![](http://www.znck007.com/data/attachment/forum/201604/11/144606okjsmni3ffkczm80.png)
win7:右击我的电脑-》属性-》高级系统设置-》环境变量,新建-》JAVA_HOME,
内容为安装的java目录,如:C:\Program Files\Java\jdk1.7.0_20(这里要是你的安装目录)
![](http://www.znck007.com/data/attachment/forum/201604/11/144751jvtjrvomzmmrqqec.png)
然后找到Path,在后面一定是最后面添加;%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin;
![](http://www.znck007.com/data/attachment/forum/201604/11/153156eohsmskzwhclwwfu.png)
这样就可以运行了,运行会出现一个select workspace(选择项目目录,一般默认确认就好)
![](http://www.znck007.com/data/attachment/forum/201604/11/152857bm2z3z5ddflccm22.png)
运行欢迎页,安装eclipse j2ee成功了!
三、建一个web网站。
![](http://www.znck007.com/data/attachment/forum/201604/11/15475<br/>4000<br/>6zdbbh3h8h3bxsdbb.png)
点击File-》New->Dynamic Web Project
![](http://www.znck007.com/data/attachment/forum/201604/11/154846wmmi1ied651226zi.png)
然后写一个项目名称,然后一直Next。
![](http://www.znck007.com/data/attachment/forum/201604/11/161242wapdnz74vojmi11m.png)
直到这步时,记得打勾Generate web.xml deployment descriptor,然后再完成Finish。
![](http://www.znck007.com/data/attachment/forum/201604/11/155423m101r7xb3lrl0lbh.png)
关闭欢迎页,然后点击test1就看到了项目结构如上图,WebContent是文件目录,Java Resources是包类目录。
![](http://www.znck007.com/data/attachment/forum/201604/11/161723a4r4dxiurkmm3i4u.png)
点击展开WebContent,右击WebContent->New->JSP File新建一个jsp文件。
![](http://www.znck007.com/data/attachment/forum/201604/11/161841onh5fnzpcadixndk.png)
然后取名为index.jsp,通常所说的首页。
![](http://www.znck007.com/data/attachment/forum/201604/11/162728e0t0lzzub50o5ess.png)
生成了一个jsp文件,在<body>里面,输入一个hello,为了在网站首页上显示出来。
四、设置tomcat服务器。
![](http://www.znck007.com/data/attachment/forum/201604/11/164554tsp26p9l2edpb96p.png)
首页打开tomcat的配置页面,重复操作File-》New->Dynamic Web Project,然后点击New Runtime,选择Apache Tomcat v7.0,再点击Next。
![](http://www.znck007.com/data/attachment/forum/201604/11/164731yqq8r21w5xv12825.png)
填写tomcat7的文件目录,这是之前解压目录里有的哦,位于eclipse-jee-mars-1-win32-x86_64\tomcat7,选择tomcat7目录,点击Finish。
再把当前页面关闭,这时要运行test1项目了。
![](http://www.znck007.com/data/attachment/forum/201604/11/165151zhezsnb3hzu1v232.png)
右击test1-》Run As-》Run On Server。
![](http://www.znck007.com/data/attachment/forum/201604/11/165407f6ofjdtbtbj8s6ub.png)
然后选择tomcat7,直接点击Finish,如果点击Next则让你选择要运行的项目,默认当前项目。
![](http://www.znck007.com/data/attachment/forum/201604/11/165731xfvuuf8hdhh4wzhw.png)
[Java] 纯文本查看 复制代码
?
在console里会输出红红的字,如果类式于上面的字,说明运行成功了,并会出现test1项目的首页,网页输出了hello。
这样就做成了一个网站,生成war,上传到服务器,就可以运行了。
关于java web代码开发,这个之后我们借助于微信的DEMO给大家做个实战型的教程。
五、运行微信硬件开发者官方的DEMO。
![](http://www.znck007.com/data/attachment/forum/201604/11/171409a79dosdyjjowferw.png)
下载网址:http://iot.weixin.qq.com/wiki/new/index.html?page=6-1
打开网址,找到Nordic
nRF51822接入服务器端源代码,下载下来解压。
![](http://www.znck007.com/data/attachment/forum/201604/11/172243z22n2m8ohqpt3tm7.png)
点击File-》Import。
![](http://www.znck007.com/data/attachment/forum/201604/11/172244u7irjxxrzk3h2jxk.png)
选择:Existiong Projects into Workspace,再点击Next。
![](http://www.znck007.com/data/attachment/forum/201604/11/172247uqklbqu9uu9qsbwq.png)
点击Browse,选择解压的DEMO文件,或是直接复制路径到输入框,点确定。
![](http://www.znck007.com/data/attachment/forum/201604/11/172247bpukweteykccwsue.png)
这时会看到一个blulight的项目,选择它,Finish。
![](http://www.znck007.com/data/attachment/forum/201604/11/172248wootrzz2teriprow.png)
那微信DEMO项目打开了。
![](http://www.znck007.com/data/attachment/forum/201604/11/172249apyp6n66qp2m2mmq.png)
点击打开Java Resources-》src,会看到很多包类,这就是的源代码的地方。
![](http://www.znck007.com/data/attachment/forum/201604/11/172249uzp9ovrvxs3rhpkx.png)
右击bluelight项目-》Run As-》Run On Server。
![](http://www.znck007.com/data/attachment/forum/201604/11/172250pllx86ialij81ase.png)
微信Demo运行成功,下篇我们会对Demo项目进行分析,讲解和修改部分代码。
提前了解可以先看这一篇,微信做的说明文档。http://iot.weixin.qq.com/wiki/doc/blue/%E5%BE%AE%E4%BF%A1%E7%A1%AC%E4%BB%B6%E5%B9%B3%E5%8F%B0%E8%93%9D%E7%89%99demo%E6%9C%8D%E5%8A%A1%E7%AB%AF%E6%95%99%E7%A8%8B.pdf
由于微信硬件开发者中心的DEMO用java来编写,我们在这里也教教大家如何使用j2ee来编写web项目。
![](http://www.znck007.com/data/attachment/forum/201604/09/110727theo3b45rr6o64ez.png)
一、下载eclipse j2ee+java7。
下载地址:http://pan.baidu.com/s/1jHFsRMu
![](http://www.znck007.com/data/attachment/forum/201604/11/113632nti1g57vuaxituwd.png)
解压后,在eclipse-jee-mars-1-win32-x86_64\eclipse目录可以直接运行eclipse.exe,但要先安装java环境。
二、配置java环境。
下载地址:http://pan.baidu.com/s/1dESuvqL
![](http://www.znck007.com/data/attachment/forum/201604/11/115316hdk1fw13rdm81331.png)
解压后,运行相对应的版本,如果是64位则运行x64,32位的电脑运行x86的版本。
然后一直下一步,直到安装成功。
设置系统变量:
![](http://www.znck007.com/data/attachment/forum/201604/11/144606okjsmni3ffkczm80.png)
win7:右击我的电脑-》属性-》高级系统设置-》环境变量,新建-》JAVA_HOME,
内容为安装的java目录,如:C:\Program Files\Java\jdk1.7.0_20(这里要是你的安装目录)
![](http://www.znck007.com/data/attachment/forum/201604/11/144751jvtjrvomzmmrqqec.png)
然后找到Path,在后面一定是最后面添加;%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin;
![](http://www.znck007.com/data/attachment/forum/201604/11/153156eohsmskzwhclwwfu.png)
这样就可以运行了,运行会出现一个select workspace(选择项目目录,一般默认确认就好)
![](http://www.znck007.com/data/attachment/forum/201604/11/152857bm2z3z5ddflccm22.png)
运行欢迎页,安装eclipse j2ee成功了!
三、建一个web网站。
![](http://www.znck007.com/data/attachment/forum/201604/11/15475<br/>4000<br/>6zdbbh3h8h3bxsdbb.png)
点击File-》New->Dynamic Web Project
![](http://www.znck007.com/data/attachment/forum/201604/11/154846wmmi1ied651226zi.png)
然后写一个项目名称,然后一直Next。
![](http://www.znck007.com/data/attachment/forum/201604/11/161242wapdnz74vojmi11m.png)
直到这步时,记得打勾Generate web.xml deployment descriptor,然后再完成Finish。
![](http://www.znck007.com/data/attachment/forum/201604/11/155423m101r7xb3lrl0lbh.png)
关闭欢迎页,然后点击test1就看到了项目结构如上图,WebContent是文件目录,Java Resources是包类目录。
![](http://www.znck007.com/data/attachment/forum/201604/11/161723a4r4dxiurkmm3i4u.png)
点击展开WebContent,右击WebContent->New->JSP File新建一个jsp文件。
![](http://www.znck007.com/data/attachment/forum/201604/11/161841onh5fnzpcadixndk.png)
然后取名为index.jsp,通常所说的首页。
![](http://www.znck007.com/data/attachment/forum/201604/11/162728e0t0lzzub50o5ess.png)
生成了一个jsp文件,在<body>里面,输入一个hello,为了在网站首页上显示出来。
四、设置tomcat服务器。
![](http://www.znck007.com/data/attachment/forum/201604/11/164554tsp26p9l2edpb96p.png)
首页打开tomcat的配置页面,重复操作File-》New->Dynamic Web Project,然后点击New Runtime,选择Apache Tomcat v7.0,再点击Next。
![](http://www.znck007.com/data/attachment/forum/201604/11/164731yqq8r21w5xv12825.png)
填写tomcat7的文件目录,这是之前解压目录里有的哦,位于eclipse-jee-mars-1-win32-x86_64\tomcat7,选择tomcat7目录,点击Finish。
再把当前页面关闭,这时要运行test1项目了。
![](http://www.znck007.com/data/attachment/forum/201604/11/165151zhezsnb3hzu1v232.png)
右击test1-》Run As-》Run On Server。
![](http://www.znck007.com/data/attachment/forum/201604/11/165407f6ofjdtbtbj8s6ub.png)
然后选择tomcat7,直接点击Finish,如果点击Next则让你选择要运行的项目,默认当前项目。
![](http://www.znck007.com/data/attachment/forum/201604/11/165731xfvuuf8hdhh4wzhw.png)
[Java] 纯文本查看 复制代码
?
这样就做成了一个网站,生成war,上传到服务器,就可以运行了。
关于java web代码开发,这个之后我们借助于微信的DEMO给大家做个实战型的教程。
五、运行微信硬件开发者官方的DEMO。
![](http://www.znck007.com/data/attachment/forum/201604/11/171409a79dosdyjjowferw.png)
下载网址:http://iot.weixin.qq.com/wiki/new/index.html?page=6-1
打开网址,找到Nordic
nRF51822接入服务器端源代码,下载下来解压。
![](http://www.znck007.com/data/attachment/forum/201604/11/172243z22n2m8ohqpt3tm7.png)
点击File-》Import。
![](http://www.znck007.com/data/attachment/forum/201604/11/172244u7irjxxrzk3h2jxk.png)
选择:Existiong Projects into Workspace,再点击Next。
![](http://www.znck007.com/data/attachment/forum/201604/11/172247uqklbqu9uu9qsbwq.png)
点击Browse,选择解压的DEMO文件,或是直接复制路径到输入框,点确定。
![](http://www.znck007.com/data/attachment/forum/201604/11/172247bpukweteykccwsue.png)
这时会看到一个blulight的项目,选择它,Finish。
![](http://www.znck007.com/data/attachment/forum/201604/11/172248wootrzz2teriprow.png)
那微信DEMO项目打开了。
![](http://www.znck007.com/data/attachment/forum/201604/11/172249apyp6n66qp2m2mmq.png)
点击打开Java Resources-》src,会看到很多包类,这就是的源代码的地方。
![](http://www.znck007.com/data/attachment/forum/201604/11/172249uzp9ovrvxs3rhpkx.png)
右击bluelight项目-》Run As-》Run On Server。
![](http://www.znck007.com/data/attachment/forum/201604/11/172250pllx86ialij81ase.png)
微信Demo运行成功,下篇我们会对Demo项目进行分析,讲解和修改部分代码。
提前了解可以先看这一篇,微信做的说明文档。http://iot.weixin.qq.com/wiki/doc/blue/%E5%BE%AE%E4%BF%A1%E7%A1%AC%E4%BB%B6%E5%B9%B3%E5%8F%B0%E8%93%9D%E7%89%99demo%E6%9C%8D%E5%8A%A1%E7%AB%AF%E6%95%99%E7%A8%8B.pdf
相关文章推荐
- 使用VTEditor软件快速开发网站系列教程四 模块公共属性篇
- 更新完畢[轉]31個iPhone软件开发实例教程, 此系列教程幾乎全部使用Utility模板
- [翻译教程]使用JBOSS和ECLIPSE构建J2EE应用程序教程--第一章
- 微信硬件开发系列教程05-蓝牙nrf51822开发板(airkiss/airsync)
- 微信小程序使用百度api获取天气信息 —— 微信小程序教程系列
- [软件架构师系列教程-4]软件体系架构模式在J2EE中的应用
- 枫叶天空Cocos2d-x3.0系列教程之发布教程一 在Win7下使用Eclipse及Cygwin发布Android应用
- [转]Ultra Fractal教程系列27——关于变换的学习02——使用万花筒变换效果
- eclipse使用教程系列之四:发布部署项目以及常见问题总结
- 微信程序开发系列教程(二)使用JavaScript给微信用户发送消息
- eclipse使用教程系列五:调优,启动参数设置,字体,背景颜色,编码格式等常用设置大全
- [Gradle中文教程系列]-跟我学Gradle-14.2:eclipse中Gradle插件的使用
- [转]Ultra Fractal教程系列44——动画功能的使用02——制作一个缩放动画
- 使用VTEditor软件快速开发网站系列教程五 模块篇
- 微信程序开发系列教程(三)使用微信API给微信用户发文本消息
- OD使用教程2 - 调试篇02|解密系列
- 微信硬件开发系列教程06-蓝牙nrf51822开发环境(airkiss/airsync)
- springBoot系列教程02:mongodb的集成及使用
- 微信小程序的如何使用全局属性 —— 微信小程序教程系列(5)
- Jfinal极速开发微信系列教程(一)--------------Jfinal_weixin demo的使用分析