2023年11月28日发(作者：)

表格控件SpreadJS在Java 环境下的应用

本文主要介绍在Java环境下SpreadJS如何应用。

安装JDK （这里使用 jdk 1.7 ）

配置环境变量

新建环境变量

JAVA_HOME：jdk 安装目录，比如 C:Program FilesJavajdk1.7.0_79

Path：在后面追加 %JAVA_HOME%bin; 当在控制台输入java时，系统会在

这个路径下寻找。

配置结束在控制台输入 java ，javac,java -version 。如果打印出信息，那么

配置成功!

因为缓存，所以立即执行并没有成功，打开任务管理器，重启windows 资源管

理器即可。

可以在控制台输入 set JAVA_HOME ， set PATH 查看环境变量。

安装 tomcat

下载

下载tomcat，解压至 C 盘。

如果安装成功。

运行

cd C:apache-tomcat-7.0.72bin

在资源管理器中可以双击打开，但推荐使用命令行。

打开浏览器，输入： localhost:8080 。会看到

配置

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

告诉需要配置tomcat。打开tomcat安装目录下的conf文件夹下的 tomcat-

文件。在 tomcat-users 节点中插入下面节点。告诉需要配置

tomcat。打开tomcat安装目录下的conf文件夹下的文

件。在 tomcat-users 节点中插入下面节点。

"manager-gui"/>

"tomcat" password="pawwsord" roles="manager-g

ui"/>

运行

重启服务。

然后在localhost:8080/ 登录。

安装 eclipse

下载：

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项目的核心文件，也是WEB项目的入口，老版本

的Eclipse都会有这个文件，但是新版本的Eclipse因为可以使用在JAVA代码

中注解的方式，所以提供让用户选择是否要生成，最好选择生成。

这是项目界面。

下面描述这几个文件夹的作用。

WebContent: 应用程序根目录。

WebContent/META-INF: 存放应用元信息相关文件的文件夹，一般是自动生成。

WebContent/WEB_INF/ : Web 应用的发布描述文件。

WebContent/WEB_INF/lib: 存放应用程序需要的 jar 文件。

右键单击 WebContent，选择 New -> File ,输入

编辑

<%@ page language="java" import=".*" contentType="text

/html; charset=utf-8" %>

今天天气很好，太阳很大

然后点击调试。选择新建Server ，找到tomcat的安装目录，点击确定。之

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

注意，一定要在前面申明为utf-8，告诉浏览器使用utf-8 来解析。否则就会造

成乱码！！！

创建一个基于Servlet 的Spread应用

在WebContent 文件夹下面新建 lib 文件夹，文件。在lib 文件夹下

新建 spread文件夹，将和

文件添加到 Spread

文件夹中。在中，编辑下面代码：

<%@ page language="java" import=".*" contentType="text

/html; charset=utf-8" %>

<html>

<head>

<title>title>

<style>

#container{

height:400px;

width:400px;

border:1px solid #000;

}

style>

head>

<body>

<h1>

spread Demo

h1>

"> script>