lecen

Appearance

介绍 ​

设计考虑 ​

考虑到需求多变导致频繁部署，我们需要做一个相关代码的持久化，以便在线上能实时修改。

考虑到需求多变，而每次都只是变化文字、位置、样式等内容，我们需要快速的交付，以便降低维护成本。

考虑到不同页面的复用程度、相似度，或者只是接口不同，我们需要快速的生成页面，降低开发成本。

考虑到不同页面之间组件的复用和同一个页面之间组件的复用，我们可以把组件封装好，改为对它的引用，以达到组件最高复用的目的。

考虑到同一个组件在不同的地方可能需要不同的呈现形式，我们可以把属性、方法、事件等动态传递给组件。

考虑到线上问题处理的及时性，以及避免漏改、反复等情况，我们需要更友好的排查方式。

基于以上甚至更多其他的原因，为此设计了本套系统。

新系统建立 ​

新项目的建立一般只需简单的几步配置，如果是第一次访问页面会出现如下信息:

初始化配置.png

点击【进入系统】后可以看到，需要填入一个系统名称。

注：如果是在已有系统上增加一个新系统，则在【系统配置】->【基本信息配置】，的页面中点击【添加系统】

添加系统.png

输入系统名称并 回车， 然后出现信息确认输入页面。

系统名称 为当前管理系统名称，系统全称 为页面 title 上显示当前用户所查看到的系统名称，系统地址为新生成的 项目地址，生成后可直接通过该地址访问。

配置系统.png

配置项目系统使用的 服务地址，点击图中的 【创建】弹出代码编辑器可以编辑如下配置信息。

注：主要配置 address 部分，其中的 lc 为基础服务地址配置

js
{
  "fromToken": "id_token",
  "token": {
    "identity": "Admin-Token",
    "unified": "iPlanetDirectoryPro",
    "unifiedSign": "amlbcookie"
  },
  "menu": "close",     //系统页签切换刷新机制
  "sign": "bjj_carsoa_document",  //向服务器传递的系统标识
  "signNumber": 1,
  "address": {
    "dfs": "http://192.168.81.173:18067/carsoa-dfs/",
    "file": "http://192.168.82.112:8888/",
    "BPM": "http://192.168.81.173:19527/bpm/carsoa-bpm/",
    "lc": "http://localhost:9101/"
  }
}
{
  "fromToken": "id_token",
  "token": {
    "identity": "Admin-Token",
    "unified": "iPlanetDirectoryPro",
    "unifiedSign": "amlbcookie"
  },
  "menu": "close",     //系统页签切换刷新机制
  "sign": "bjj_carsoa_document",  //向服务器传递的系统标识
  "signNumber": 1,
  "address": {
    "dfs": "http://192.168.81.173:18067/carsoa-dfs/",
    "file": "http://192.168.82.112:8888/",
    "BPM": "http://192.168.81.173:19527/bpm/carsoa-bpm/",
    "lc": "http://localhost:9101/"
  }
}

静态目录 ​

一些图片，模板文件以及图标 icon文件可上传到系统的静态目录中。

找到系统左侧菜单栏的【系统配置】->【文件配置】

操作方式与 windows 操作系统的目录操作方式一样。

文件配置.png

新建目录 ​

在页面空白处点击【鼠标右键】出现菜单：

新建文件夹.png 点击其中的【新建】，即出现新建文件夹输入文件名.png

在输入框中输入文件夹名称 回车 即可。

文件重命名、删除 ​

文件重命名.png 在文件或文件夹上右键可以操作【重命名】和【删除】。

切换目录 ​

点击文件夹即进入该文件夹，如下图所示新建一个image文件夹并单击后进入image文件夹中。也可在当前文件夹中点击左上角的【返回】，返回上一层。

返回上一级.png

顶部的路径栏用于快速定位路径，也可以点击跳转到相应目录下的。点击最左端的house为切换到根目录。

文件路径.png

文件上传 ​

将我们的文件拖拽入内即可将文件上传到相应目录下，如图拖入一个小图片后完成自动上传。注：支持单文件或者同时选择多文件上传

上传文件.png

搭建页面时使用静态目录中的文件 ​

在开发过程中如果需要使用到之前静态目录中上传的文件，举例来说比如上面在根目录有张 示例.png的图片，直接在图片 src属性上写 示例.png 就可以应用该图片，如果图片在子目录中需要明路径如 path1/image/xxx.jpg ，文件引用必须加文件后缀。