当前位置: 首页 > news >正文

“从部署到优化,打造高效会议管理系统“

目录

  • 引言
  • 一、部署单机项目 - 会议OA
    • 1.1 硬件和软件环境准备
    • 1.2 检查项目
    • 1.3 系统部署
      • 1.后端部署
  • 二、部署前后端分离项目 - SPA项目
    • 后端部署
    • 2.前端部署
  • 总结

引言

在现代化办公环境中,会议是组织沟通、决策和合作的重要方式之一。为了提高会议的效率和质量,许多企业选择部署会议OA系统来实现会议管理的自动化和数字化。本博客将介绍如何部署和优化会议OA系统,并探讨前后端分离的SPA项目在此过程中的应用。

一、部署单机项目 - 会议OA

1.1 硬件和软件环境准备

在部署会议OA系统之前,需要准备适当的硬件和软件环境。这包括选择合适的服务器、操作系统、数据库以及相关的配置和安装。

1.2 检查项目

  • 准备好项目文件
  • 在本地的MySQL检查sql文件有误问题
  • 打开Tomcat服务器将war包放到Tomcat文件夹里的webapps包中打开服务、运行项目并检查是否能运行

1.3 系统部署

1.后端部署

1.MySQL部署

  • 利用本机服务器远程操控部署的MySQL
  • 新建项目对应的数据库
    在这里插入图片描述
  • 运行SQL文件
    在这里插入图片描述

2.Tomcat服务器部署

  • 将war包文件放到Tomcat的webapps中
  • 启动项目
  • 更改confi.properties配置文件(更改连接数据库密码与服务器一致)

在这里插入图片描述

  • 重启Tomcat
  • 完成
  • 效果展示在这里插入图片描述

二、部署前后端分离项目 - SPA项目

后端部署

  1. 在本地检查后台项目能否正常运行

  2. 在本地检查前端项目能否正常运行

  3. 开始部署

  4. 在本地连接服务器的数据库新建部署项目对应的配置文件中的数据库名称(我的为vue)
    在这里插入图片描述

  5. 运行SQL文件
    在这里插入图片描述

  6. 将war项目放到webapps中

  7. 更改配置文件jdbc.Driver密码在这里插入图片描述

  8. 启动项目(后台准备成功)
    在这里插入图片描述

2.前端部署

  1. 下载node.js前端服务器

  2. 将文件解压到指定位置(例如:D:\initPath),并在解压后的目录下建立node_global和node_cache这两个目录

  3. 配置环境变量在这里插入图片描述
    path+=;%NODE_HOME%;%NODE_HOME\node_global%;

  4. cmd进入node -v 检查
    在这里插入图片描述

  5. 配置npm全局模块路径和cache默认安装位置
    打开cmd,分开执行如下命令:
    npm config set cache “C:\software\node-v18.16.1-win-x64\node-v18.16.1-win-x64”
    npm config set prefix “C:\software\node-v18.16.1-win-x64\node-v18.16.1-win-x64”

  6. 设置淘宝源
    npm config set registry https://registry.npm.taobao.org/

  7. 启动spa项目(启动成功)
    在这里插入图片描述
    但是服务端的前台客户端目前访问不了
    原因是node.js中spa中做了限制
    限制类似于MSQL中localhost设置,没有被解析成ip

实施方式解决问题
在服务器架设反向代理服务器,端号为80。
宿主机通过访问80,80访问8081就可以访问到了

配置


#user  nobody;
worker_processes  1;#error_log  logs/error.log;
#error_log  logs/error.log  notice;
#error_log  logs/error.log  info;#pid        logs/nginx.pid;events {worker_connections  1024;
}http {include       mime.types;default_type  application/octet-stream;#log_format  main  '$remote_addr - $remote_user [$time_local] "$request" '#                  '$status $body_bytes_sent "$http_referer" '#                  '"$http_user_agent" "$http_x_forwarded_for"';#access_log  logs/access.log  main;sendfile        on;#tcp_nopush     on;#keepalive_timeout  0;keepalive_timeout  65;#gzip  on;server {listen       80;server_name  localhost;#charset koi8-r;#access_log  logs/host.access.log  main;location / {proxy_pass   http://localhost:8081;}#error_page  404              /404.html;# redirect server error pages to the static page /50x.html#error_page   500 502 503 504  /50x.html;location = /50x.html {root   html;}# proxy the PHP scripts to Apache listening on 127.0.0.1:80##location ~ \.php$ {#    proxy_pass   http://127.0.0.1;#}# pass the PHP scripts to FastCGI server listening on 127.0.0.1:9000##location ~ \.php$ {#    root           html;#    fastcgi_pass   127.0.0.1:9000;#    fastcgi_index  index.php;#    fastcgi_param  SCRIPT_FILENAME  /scripts$fastcgi_script_name;#    include        fastcgi_params;#}# deny access to .htaccess files, if Apache's document root# concurs with nginx's one##location ~ /\.ht {#    deny  all;#}}# another virtual host using mix of IP-, name-, and port-based configuration##server {#    listen       8000;#    listen       somename:8080;#    server_name  somename  alias  another.alias;#    location / {#        root   html;#        index  index.html index.htm;#    }#}# HTTPS server##server {#    listen       443 ssl;#    server_name  localhost;#    ssl_certificate      cert.pem;#    ssl_certificate_key  cert.key;#    ssl_session_cache    shared:SSL:1m;#    ssl_session_timeout  5m;#    ssl_ciphers  HIGH:!aNULL:!MD5;#    ssl_prefer_server_ciphers  on;#    location / {#        root   html;#        index  index.html index.htm;#    }#}}

打开程序
宿主机此刻就能访问了

开发方式解决问题

  1. 关闭前端
  2. 找到C:\java\qhspa\spa\config下的index.js
  3. Ctrl+F找到localhost 改为 0.0.0.0 通用的意思
  4. 保存,重启前端项目,就可以访问了

在这里插入图片描述

总结

本博客详细介绍了如何部署会议OA系统和前后端分离的SPA项目。通过对系统需求分析、硬件软件环境准备、数据库设计与迁移、系统部署与测试的讲解,读者可以获得部署单机项目的全面指导。同时,通过对前后端分离架构概述、前端框架选择与开发、后端API设计与开发和系统集成与部署的讲解,读者可以了解前后端分离项目的实施过程。通过本文的学习,读者将掌握如何打造高效的会议管理系统,并能够根据实际情况进行优化和拓展,以满足企业的需求。

http://www.lryc.cn/news/209240.html

相关文章:

  • Facebook广告效果数据获取
  • nlp之文本转向量
  • 【luckfox】添加压力传感器hx711
  • C++11的lambda表达式
  • 矩阵特征值与特征向量的理解
  • 云原生安全:如何保护云上应用不受攻击
  • 如何在用pip配置文件设置HTTP爬虫IP
  • 2023MathorCup高校数模挑战赛B题完整解题代码教程
  • 《动手学深度学习 Pytorch版》 10.7 Transformer
  • ORACLE-递归查询、树操作
  • MySQL篇---第四篇
  • em/px/rem/vh/vw单位的区别
  • 【C++】多态 ③ ( “ 多态 “ 实现需要满足的三个条件 | “ 多态 “ 的应用场景 | “ 多态 “ 的思想 | “ 多态 “ 代码示例 )
  • 创建一个Keil项目
  • Xray的简单使用
  • Linux Ubunto Nginx安装
  • 深度学习中的epoch, batch 和 iteration
  • unity开发安卓视频文件适配手机和平板
  • NLP之RNN的原理讲解(python示例)
  • yo!这里是进程间通信
  • 使用docker安装MySQL,Redis,Nacos,Consul教程
  • python和Springboot如何交互?
  • Qt实现json解析
  • Ajax、Json深入浅出,及原生Ajax及简化版Ajax
  • 前端第一阶段测试
  • openlayers+vue的bug
  • 实时数仓-Hologres介绍与架构
  • asp.net教务管理信息系统VS开发sqlserver数据库web结构c#编程Microsoft Visual Studio计算机毕业设计
  • 爬虫、数据清洗和分析
  • SpringBoot | SpringBoot中实现“微信支付“