安装JDK (这里使用 jdk 1.7 )
下载
http://www.oracle.com/technetwork/java/javase/downloads/jdk7-downloads-1880260.html
配置环境变量
新建环境变量
JAVA_HOME:jdk 安装目录,比如 C:\Program Files\Java\jdk1.7.0_79
Path: 在后面追加 %JAVA_HOME%bin; 当在控制台输入java时,系统会在这个路径下寻找。
配置结束 在控制台输入 java ,javac,java -version 。如果打印出信息,那么配置成功!
因为缓存,所以立即执行并没有成功,打开任务管理器,重启windows 资源管理器即可。
可以在控制台输入 set JAVA_HOME , set PATH 查看环境变量 。
安装 tomcat
下载
下载tomcat,http://tomcat.apache.org/download-70.cgi 。解压至 C 盘。
如果安装成功 。
运行
cd C:\apache-tomcat-7.0.72\bin startup.bat
在资源管理器中可以双击打开,但推荐使用 命令行。
打开浏览器,输入 :http://localhost:8080 。会看到
配置
单击右上角,Manager App,会看到需要登录,单击取消,跳转到下面页面。
告诉需要配置tomcat。 打开tomcat安装目录下的conf文件夹下的 tomcat-users.xml 文件。 在 tomcat-users 节点中插入下面节点 。告诉需要配置tomcat。 打开tomcat安装目录下的conf文件夹下的 tomcat-users.xml 文件。 在 tomcat-users 节点中插入下面节点 。
<role rolename="manager-gui"/> <user username="tomcat" password="pawwsord" roles="manager-gui"/>
运行
startdown.bat startup.bat
重启服务 。
然后在 http://localhost:8080/ 登录。
安装 eclipse
下载:
http://www.eclipse.org/downloads/packages/release/Mars/2 Mars版本最低要求JDK1.7
一键安装。
配置
现在打开eclipse 。会要求创建workspace,也就是工作目录,注意选择一个英文路径即可。
然后单击window菜单,选择 Preferences 。
新建Server
选择 File -> New -> Other -> Server .
选择tomcat1 7.0 Server (因为我的tomcat就是 tomcat7.0)
点击 Finish, Server就创建完毕。
新建工程
选择 File -> New -> Dynamic Web Project 。
接着弹出窗口,显示的是我们的WEB项目,WEB文件相关的目录,就是html或者jsp还有js那些web相关的文件存放的目录,默认是 WebContent,你也可以修改成你想要的文件名,注意,下面有���复选框,表示的是是否要自动生成web.xml文件
web.xml:这个文件是WEB项目的核心文件,也是WEB项目的入口,老版本的Eclipse都会有这个文件,但是新版本的Eclipse因为可以使用在JAVA代码中注解的方式,所以提供让用户选择是否要生成,最好选择生成 。
这是项目界面。
下面描述这几个文件夹的作用。
WebContent: 应用程序根目录。
WebContent/META-INF: 存放应用元信息相关文件的文件夹,一般是自动生成。
WebContent/WEB_INF/web.xml : Web 应用的发布描述文件 。
WebContent/WEB_INF/lib: 存放应用程序需要的 jar 文件。
右键单击 WebContent,选择 New -> File ,输入 index.jsp
编辑
<%@ page language="java" import="java.util.*" contentType="text/html; charset=utf-8" %> <html> <head> <title></title> </head> <body> <h1> 今天天气很好,太阳很大 </h1> </body> </html>
然后点击调试。
选择 新建Server ,找到tomcat的安装目录,点击确定。
之后,在内置的浏览器会打开 这个页面。
注意,一定要在前面申明为utf-8,告诉浏览器使用utf-8 来解析。否则就会造成乱码 !!!
创建一个基于Servlet 的Spread应用
在WebContent 文件夹下面新建 lib 文件夹,app.jsp 文件。在lib 文件夹下新建 spread文件夹,将 gcspread.sheets.all.9.40.20161.0.min.js 和 gcspread.sheets.excel2013darkGray.9.40.20161.0.css 文件添加到 Spread 文件夹中。
在app.jsp 中,编辑下面代码
<%@ page language="java" import="java.util.*" contentType="text/html; charset=utf-8" %> <html> <head> <title></title> <link href = "lib/spread/gcspread.sheets.excel2013darkGray.9.40.20161.0.css"> <style> #container{ height:400px; width:400px; border:1px solid #000; } </style> </head> <body> <h1> spread Demo </h1> <div id="container"></div> <script src="lib/spread/gcspread.sheets.all.9.40.20161.0.min.js"> </script> <script> window.onload = function () { var spread = new GcSpread.Sheets.Spread(document.getElementById('container'), { sheetCount: 1 }); // get spread object // var spread = GcSpread.Sheets.findControl(document.getElementById('ss')); }; </script> </body> </html>
至此,一个基本的spread 控件初始化就完成了。
创建一个基于Spring.MVC的Spread应用
要创建 Spring.MVC 应用,首先需要安装 Spring.tools
安装Spring Tool
打开 Help -> Eclipse Marketplace ,搜索Spring,找到 Spring Tool Suite ,找到一个最新的版本安装就可以。
之后重启 eclipse,此时就可以新建 Spring.MVC 工程了。
新建 Spring.MVC 工程
新建Project,选择 Spring下面的Spring Legacy Project。
next,项目命名
next。定义包级别
查看项目目录
main 里面是主要代码,分为 java,resource,webapp。java里面为java代码,定义了控制器和模型服务等,resource里面定义了资源,webapp 里存放了主要的视图 。
因为SpreadJS 是纯前端控件,所以我们的工作目录就是 webapp。
引入Spread包。
在home.jsp 中
<%@ page language="java" import="java.util.*" contentType="text/html; charset=utf-8" %> <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %> <%@ page session="false" %> <link href = "resources/lib/spread/gcspread.sheets.excel2013darkGray.9.40.20161.0.css"> <html> <head> <title>Home</title> </head> <body> <h1> Hello world! </h1> <P> The time on the server is ${serverTime}. </P> <div id="container" style="height:400px;width:500px;"> </div> </body> <script src="resources/lib/spread/gcspread.sheets.all.9.40.20161.0.min.js"></script> <script src="resources/scripts/app.js"></script> </html>
在app.js 中
window.onload = function() { var spread = new GcSpread.Sheets.Spread(document.getElementById('container'), { sheetCount: 1 }); };
运行
OK 关于如何在Java下跑 SpreadJS 就介绍到这里。
了解SpreadJS产品更多特性:
下载产品体验产品功能: