1 В избранное 0 Ответвления 0

OSCHINA-MIRROR/liuwy_dlsdys-zhglxt

Присоединиться к Gitlife
Откройте для себя и примите участие в публичных проектах с открытым исходным кодом с участием более 10 миллионов разработчиков. Приватные репозитории также полностью бесплатны :)
Присоединиться бесплатно
Клонировать/Скачать
getting-started.md 12 КБ
Копировать Редактировать Исходные данные Просмотреть построчно История
淡蓝色的忧伤 Отправлено 3 лет назад c0d2f34

快速开始

WEB应用系统

开发环境、部署

  1. 安装好系统所需的运行、开发环境(JDK1.8+、MySQL5.7+、maven3.6+、Git环境等...)

  2. 使用IntelliJ IDEA拉取并打开项目

  3. 复制项目Git地址

  4. 接着填入IDEA

  5. 拉取完毕后,Maven就会自动下载项目所有依赖包到本地中央仓库。目录结构如下

  6. 第一次需要install安装到本地仓库

  7. 导入数据文件的数据到本地数据库

  8. 修改MySQL数据库的端口、用户名、密码为自己本地的数据库信息

  9. 所有步骤没问题之后,就可以直接运行项目了,启动文件

  10. 访问路径:localhost:8888/zhglxt 登录账号密码:system/system【提示:系统中的所有用户的密码与该登录名一致。如 test1密码为test1;test2密码为test2】

  11. 打包部署(本项目是打成war包的方式进行部署的)

  12. 打包完成后,到项目的目录下找到zhglxt\zhglxt-web\target\zhglxt-web.war包,重命名为zhglxt.war,然后直接放到Tomcat的webapps目录下,就可以运行起来了

  13. 本项目不需要修改过多的配置信息,即可打包、部署、运行

Activiti工作流

新增流程模型

工作流程管理-模型-模型管理-添加模型

设计好流程图后,进行部署

查看成功部署的流程

流程管理

其中 转为模型 操作: 如果 模型-模型管理 中已经存在需要转换的(流程标识、流程版本)时,会在原有的版本基础上升1级(比如 版本号为1 升级后为 2),再次部署后就会以升级后的版本为基准进行任务流转。 如果 模型-模型管理 中不存在需要转换的(流程标识、流程版本)时,转换模型后,就新增一个模型,且版本号为1,成功部署后就可以进行任务流转了。

下面进行部署新版本的模型:

流程列表中 的 转为模型 和 流程管理 中的 转为模型 是一样的,流程标识、流程版本存在就升级版本,不存在就新增一个模型。删除后 流程管理 中的也会进行同步删除。

查看运行中的流程

DOCS文档系统

安装、运行

::: warning 注意:此文档系统使用的是VuePress2.X。开始之前,确保已经安装Node.js v12+环境 :::

使用idea的终端(也可以使用powerShell命令窗口)输入以下命令: ::: tip 推荐使用yarn进行,以免插件依赖有问题

下载地址:yarn :::

yarn方式安装(推荐)

# 进入zhglxt-docs目录
cd zhglxt-docs

# 安装
yarn add -D vuepress@next

# 运行
yarn dev

npm方式安装

# 进入zhglxt-docs目录
cd zhglxt-docs

# 安装
npm install -D vuepress@next

# 启动(到这步如果安装了插件,例如【搜索】插件时,使用npm启动会报找不到插件问题【Error: plugin is not found: @vuepress/plugin-search】)
# 报Error: plugin is not found: @vuepress/plugin-search错误,需执行以下命令
npm i -D @vuepress/plugin-search@next

# 然后才启动
npm run dev

启动成功后,访问:http://127.0.0.1:80/zhglxt-docs

部署到nginx

此教程是部署到windows的,linux的就不赘述了(基本差不多)。

# 构建静态文件(构建完毕后会在zhglxt-docs\docs\.vuepress目录下生成dist文件夹)
# 方式一:yarn 
yarn build

# 方式二:npm
npm run build

build完成后,修改nginx(下载好nginx:http://nginx.org/en/download.html)conf目录下的nginx.conf文件,找到里面的'server'节点的(主要修改 listen 端口和新增location /zhglxt-docs节点,其中alias后面为需要部署的dist路径)

    server {
        listen       88;
        server_name  localhost;

        #charset koi8-r;

        #access_log  logs/host.access.log  main;

        location / {
            root   html;
            index  index.html index.htm;
        }
		
		location /zhglxt-docs {
           alias  C:\\Users\\Administrator\\Documents\\dist;
           index  index.html index.htm;
           try_files $uri $uri/ /index.html =404;
        }

        #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;
        #}
    }

修改完成保存后,启动nginx:进入nginx目录执行以下命令(也可以直接双击nginx.exe):

start nginx

执行完毕之后是一闪而过的,查看下任务管理器,看后台进程那里,往下拉看到nginx.exe(32位),说明启动nginx成功,访问路径:localhost:88/zhglxt-docs

添加搜索功能(插件)

为你的文档网站提供本地搜索能力。 ::: tip 当你正确配置该插件后,默认主题会把搜索框添加到导航栏。

该插件不一定能在其他主题中直接使用,因此你应参考主题本身的文档来获取更多信息 :::

安装搜索插件

npm i -D @vuepress/plugin-search@next

该插件会根据你的页面,在本地生成搜索索引,然后在用户访问站点时加载搜索索引文件。换句话说,这是一个轻量级的内置搜索能力,不会进行任何外部请求。

修改config.js配置文件

docs\.vuepress\config.js 中添加以下插件代码:

// .vuepress/config.js
module.exports = {
    // 插件
    plugins: [
        [
            '@vuepress/plugin-search',
            {
                locales: {
                    '/': {
                        placeholder: '搜索',
                    }
                },
            },
        ],
    ],
}

重新启动运行后,访问系统页面,右上角就会显示出 搜索 功能了。

配置(此后步骤了解即可)

如果没有任何配置,你的 VuePress 站点仅有一些最基础的功能。为了更好地自定义你的网站,让我们首先在你的文档目录下创建一个 .vuepress 目录,所有 VuePress 相关的文件都将会被放在这里。你的项目结构可能是这样:

├─ docs
│  ├─ .vuepress
│  │  ├── public
│  │  └─ config.js
│  └─ README.md
├─ .gitignore
└─ package.json

VuePress 站点必要的配置文件是 .vuepress/config.js,它应该导出一个 JavaScript 对象。如果你使用 TypeScript ,你可以将其替换为 .vuepress/config.ts ,以便让 VuePress 配置得到更好的类型提示。

// .vuepress/config.js
module.exports = {
  lang: 'zh-CN',
  title: '你好, VuePress !',
  description: '这是我的第一个 VuePress 站点',

  themeConfig: {
    logo: '/images/favicon.png'
  }
}

常见目录结构、说明

.
├── docs
│   ├── .vuepress (可选的)
│   │   ├── components (可选的)
│   │   ├── theme (可选的)
│   │   │   └── Layout.vue
│   │   ├── public (可选的)
│   │   ├── styles (可选的)
│   │   │   ├── index.styl
│   │   │   └── palette.styl
│   │   ├── templates (可选的, 谨慎配置)
│   │   │   ├── dev.html
│   │   │   └── ssr.html
│   │   ├── config.js (可选的)
│   │   └── enhanceApp.js (可选的)
│   │ 
│   ├── README.md(会被编译成index.html文件)
│   ├── guide (一般用户都在这个目录下创建网站指南,当然可以不用)
│   │   └── README.md (指南里面的具体内容)
│   └── config.md

└── package.json 项目初始化时,根目录下自动生成的配置文件,定义了项目的基本配置信息及需要依赖的各个模块、指定运行脚本命令的npm命令行缩写等。
 
  • docs/.vuepress: 用于存放全局的配置、组件、静态资源等。
  • docs/.vuepress/components: 该目录中的 Vue 组件将会被自动注册为全局组件。
  • docs/.vuepress/theme: 用于存放本地主题。
  • docs/.vuepress/styles: 用于存放样式相关的文件。
  • docs/.vuepress/styles/index.styl: 将会被自动应用的全局样式文件,会生成在最终的 CSS 文件结尾,具有比默认样式更高的优先级。
  • docs/.vuepress/styles/palette.styl: 用于重写默认颜色常量,或者设置新的 stylus 颜色常量。
  • docs/.vuepress/public: 静态资源目录。
  • docs/.vuepress/templates: 存储 HTML 模板文件。
  • docs/.vuepress/templates/dev.html: 用于开发环境的 HTML 模板文件。
  • docs/.vuepress/templates/ssr.html: 构建时基于 Vue SSR 的 HTML 模板文件。
  • docs/.vuepress/config.js: 配置文件的入口文件,也可以是 YML 或 toml。
  • docs/.vuepress/enhanceApp.js: 客户端应用的增强。

配置作用域

在 VuePress 配置中有一项 themeConfig 配置项。

在 themeConfig 外部的配置项属于 站点配置 ,而在 themeConfig 内部的配置项则属于 主题配置。

站点配置

站点配置的意思是,无论你使用什么主题,这些配置项都可以生效。

每一个站点都应该有它的 lang, title 和 description 等属性,因此 VuePress 内置支持了这些属性的配置。

主题配置

主题配置将会被 VuePress 主题来处理,所以它取决于你使用的主题是什么。

如果你没有设置 VuePress 配置的 theme 配置项,则代表使用的是默认主题。

Опубликовать ( 0 )

Вы можете оставить комментарий после Вход в систему

1
https://gitlife.ru/oschina-mirror/liuwy_dlsdys-zhglxt.git
git@gitlife.ru:oschina-mirror/liuwy_dlsdys-zhglxt.git
oschina-mirror
liuwy_dlsdys-zhglxt
liuwy_dlsdys-zhglxt
v4.7.2