创建Java 环境下的SpreadJS应用

发布时间:2016/11/21 00:11 发布者:PawnPawnPawn

返回博客中心

安装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 。会看到

tomcat

配置

单击右上角,Manager App,会看到需要登录,单击取消,跳转到下面页面。

authorized

告诉需要配置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 .

server

选择tomcat1 7.0 Server (因为我的tomcat就是 tomcat7.0)

server2

点击 Finish, Server就创建完毕。

 

新建工程

选择 File -> New -> Dynamic Web Project 。

newproject

接着弹出窗口,显示的是我们的WEB项目,WEB文件相关的目录,就是html或者jsp还有js那些web相关的文件存放的目录,默认是 WebContent,你也可以修改成你想要的文件名,注意,下面有���复选框,表示的是是否要自动生成web.xml文件
web.xml:这个文件是WEB项目的核心文件,也是WEB项目的入口,老版本的Eclipse都会有这个文件,但是新版本的Eclipse因为可以使用在JAVA代码中注解的方式,所以提供让用户选择是否要生成,最好选择生成 。

这是项目界面。

project

下面描述这几个文件夹的作用。
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的安装目录,点击确定。

之后,在内置的浏览器会打开 这个页面。

page

注意,一定要在前面申明为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 控件初始化就完成了。

spread

创建一个基于Spring.MVC的Spread应用

要创建 Spring.MVC 应用,首先需要安装 Spring.tools

安装Spring Tool

打开 Help -> Eclipse Marketplace ,搜索Spring,找到 Spring Tool Suite ,找到一个最新的版本安装就可以。

tool

 

之后重启 eclipse,此时就可以新建 Spring.MVC 工程了。

新建 Spring.MVC 工程

新建Project,选择 Spring下面的Spring Legacy Project。

legacy

 

next,项目命名

legacy1

next。定义包级别

legacy2

 

查看项目目录

legacy3

 

main 里面是主要代码,分为 java,resource,webapp。java里面为java代码,定义了控制器和模型服务等,resource里面定义了资源,webapp 里存放了主要的视图 。

因为SpreadJS 是纯前端控件,所以我们的工作目录就是 webapp。

引入Spread包。

legacy4

 

在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 });
};

运行

legacy5

 

OK  关于如何在Java下跑 SpreadJS 就介绍到这里。

了解SpreadJS产品更多特性:

 /developer/spreadjs

下载产品体验产品功能:

 /download/?pid=57


关于葡萄城

赋能开发者!葡萄城是专业的集开发工具、商业智能解决方案、低代码开发平台于一身的软件和服务提供商,为超过 75% 的全球财富 500 强企业提供服务。葡萄城专注控件软件领域30年,希望通过模块化的开发控件、灵活的低代码应用开发平台等一系列开发工具、解决方案和服务,帮助开发者快速响应复杂多变的业务需求,最大程度地发挥开发者的才智和潜能,让开发者的 IT 人生更从容更美好。

了解详情,请访问葡萄城官网