会议oa系统项目部署流程

末蓝、 2024-03-22 23:33 43阅读 0赞

**目录**

1.项目部署环境

2.初始化数据库

2.1获取数据库脚本

2.2创建数据库

1.创立数据库连接

2.创建数据库，命名

3.运行sql文件

4.查看导入数据

编辑

3项目环境部署

3.1导入项目资源

3.2加载框架

加载成功标志

服务器配置（用来保存排座，签字图片到本地路径）

4.导入项目文件（正式启动项目）

4.1导入项目java类

4.2在WebContent导入js，css，jsp文件

4.2.1建立一个公共包（common）用于公共类应用

4.2.2建立包（jsp）用于jsp页面存储

4.2.3建立一个包（static）项目资源存储

4.2.4导入基本的jsp

5.启动前端界面

5.1注册会议用户界面

5.2会议登录界面

5.3主界面

5.4发布会议

5.5我的会议（排座，送审）

5.6我的审批

5.7待开会议

5.8历史会议

5.9所有会议

--------------------

## 1.项目部署环境 ##

<table> 
 <thead> 
  <tr> 
   <th>名称</th> 
   <th>版本</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>jdk</td> 
   <td>1.8</td> 
  </tr> 
  <tr> 
   <td>Mysql</td> 
   <td>8.0</td> 
  </tr> 
  <tr> 
   <td>eclipse</td> 
   <td>2017</td> 
  </tr> 
  <tr> 
   <td>Goodle Chrome</td> 
   <td>2023</td> 
  </tr> 
  <tr> 
   <td>nivacat</td> 
   <td>2017</td> 
  </tr> 
  <tr> 
   <td>Tom act</td> 
   <td>8.0</td> 
  </tr> 
  <tr> 
   <td>jQuery</td> 
   <td>3.3.1</td> 
  </tr> 
  <tr> 
   <td>html2canvas（排座插件）</td> 
   <td>2023</td> 
  </tr> 
  <tr> 
   <td>签字</td> 
   <td>2023</td> 
  </tr> 
  <tr> 
   <td>layui</td> 
   <td>2.7.6</td> 
  </tr> 
  <tr> 
   <td>formSelects（下拉框插件）</td> 
   <td>2022</td> 
  </tr> 
 </tbody> 
</table>

### 2.初始化数据库 ###

#### 2.1获取数据库脚本 ####

在项目文档找到将我们的sql

![894840e356e64deda11b11f83b989c6a.png][]

#### 2.2创建数据库 ####

##### 1.创立数据库连接 #####

![e1c008ae5b8840478a26c1ee6834913f.png][]

##### 2.创建数据库，命名 #####

一般的数据库命名都需要和数据库脚本相对应，才可以使sql脚本的正常运行

##### 3.运行sql文件 #####

点击右侧空白区域，运行sql文件，然后在选择sql文件导入即可

![c9d85f7890b341abbffcf66269f7785b.png][]

##### 4.查看导入数据 #####

![bd67a43949144accb651b4f42b808b9a.png][]

![c553b0e862724feebeb95ac557e1e664.png][]

#### ![197d2b001b2e48e8990e38f2781ae572.png][] ####

![f3856a89092d42a099aacfe28a9a41c6.png][]

#### ![40dadf8281ee4754ab29266357496013.png][] ####

#### 3项目环境部署 ####

##### 3.1导入项目资源 #####

将项目所需要jar，tid（自定义标签）导入web-inf下的lib，在选择其中一个jar 点击build path ，在进行add to build path 。

##### 3.2加载框架 #####

将utils导入在src下的包里，在新建一个同级目录conf将mvc.xml(框架配置映射文件),resource.properties（签字，排座配置文件）放入其中，在将服务器图片映射路径修改即可。

###### 加载成功标志 ######

![ac77f51fb5344f12b466507b29e9d40e.png][]

###### 服务器配置（用来保存排座，签字图片到本地路径） ######

![151e820ca41a443190ae8e855c24b919.png][]

#### 4.导入项目文件（正式启动项目） ####

##### 4.1导入项目java类 #####

将其放在src下的包里和utils在同一包级里，并且要注意包名子的命名

##### 4.2在WebContent导入js，css，jsp文件 #####

###### 4.2.1建立一个公共包（common）用于公共类应用 ######

在其内部建立一个jsp文件在其中导入，layui.css,layui.js,formSelects-v4.css,formSelects-v4.js,config.js(layui扩展文件)

###### 4.2.2建立包（jsp）用于jsp页面存储 ######

在其中分为两个包以用于存储（会议界面的jsp）另一个用于系统界面的jsp的存储

###### 4.2.3建立一个包（static）项目资源存储 ######

命名为css包里存储项目css文件，image存储项目图片，js包里在构建layui包存储layui的css,font的js文件；构建一个命名为meeting包（存储会议jsp的js）；构建一个命名为system包（存储系统jsp的js）；最后导入jQuery，main.js,login.js,register.js

###### 4.2.4导入基本的jsp ######

在所建立的包里，导入何其同级目录的jsp文件（login，main，register）

#### 5.启动前端界面 ####

##### 5.1注册会议用户界面 #####

![d5e67327f07f4e2881b59c2e8194816e.png][]

##### 5.2会议登录界面 #####

![efd8075dda8b4c2ea996df7209cb3cec.png][]

##### 5.3主界面 #####

![d3ec593f98fc4079a6b01dca51a6137a.png][]

##### 5.4发布会议 #####

![bd4f49f67ebd4cb5bd9e551783d6f995.png][]

##### 5.5我的会议（排座，送审） #####

![a00cd3c2d9fa48719d57bee3816ebfdc.png][]

##### 5.6我的审批 #####

![42f1b8e32e54448ea110d9d27b9b756f.png][]

##### 5.7待开会议 #####

![6b2607c32d9a4f179603451f7acc3f03.png][]

##### 5.8历史会议 #####

![6f30c147a2184b6cbe41a8881c3051f8.png][]

##### 5.9所有会议 #####

![5f69d08becfd44f1b2ffbf6a40e61d33.png][]

[894840e356e64deda11b11f83b989c6a.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/14/253f194fafe34f7ab943ebc551ab11a3.png
[e1c008ae5b8840478a26c1ee6834913f.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/14/a34135632646496198508d8b23d945b5.png
[c9d85f7890b341abbffcf66269f7785b.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/14/1a36463820a948b080418ab63c819306.png
[bd67a43949144accb651b4f42b808b9a.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/14/412e7aeecb0e4659b3cd5537b45cb37d.png
[c553b0e862724feebeb95ac557e1e664.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/14/f3fb5aae92d04167943c68fa959fbd1b.png
[197d2b001b2e48e8990e38f2781ae572.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/14/455689a12a0e4b3383b0d572a02eda01.png
[f3856a89092d42a099aacfe28a9a41c6.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/14/2b09f32df8f64d7a8252a4cdd0bb9d09.png
[40dadf8281ee4754ab29266357496013.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/14/0fbaca16222346f5bcbee3228418e15e.png
[ac77f51fb5344f12b466507b29e9d40e.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/14/f4334c6cb2b34dd0a673d50d0b9cb369.png
[151e820ca41a443190ae8e855c24b919.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/14/8752734a8bd2430d8ea1f88ed15dec49.png
[d5e67327f07f4e2881b59c2e8194816e.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/14/4a9289df194b429db2b95b835e13a9b2.png
[efd8075dda8b4c2ea996df7209cb3cec.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/14/2febc5d31f664d068828e13c0442e7e2.png
[d3ec593f98fc4079a6b01dca51a6137a.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/14/01e3da0904b9406aafca8f3b9ff178ea.png
[bd4f49f67ebd4cb5bd9e551783d6f995.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/14/8f72d3e30c67481cb97878d1c00ddabe.png
[a00cd3c2d9fa48719d57bee3816ebfdc.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/14/46a851ac2ed745a28f5a4b036bc4893e.png
[42f1b8e32e54448ea110d9d27b9b756f.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/14/12b0043371744f759387c4f501f19ff6.png
[6b2607c32d9a4f179603451f7acc3f03.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/14/d02f380d726d4aadb1cf6a45850548bc.png
[6f30c147a2184b6cbe41a8881c3051f8.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/14/e4857c7b965e4cdf8513b8ee0dcd46dc.png
[5f69d08becfd44f1b2ffbf6a40e61d33.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/14/1c92aa54f6ee434f871536da43fd1e86.png