FrameworkOperate.md · qq356179407/FastExecutor

# 部署

### 框架部署

下载[源码](https://gitee.com/grassprogramming/FastExecutor/tree/master/code)后编译，发布至文件夹，部署至服务器IIS中

### 项目部署

引用框架源码中的FastExecutor.Base，FastExecutor.ORG，FastIOC，FastORM，FastUtil5个dll至项目中，编译项目，将项目相关dll文件拷贝至框架根目录的Plugins文件夹，项目Views文件夹中的内容拷贝至框架Views文件夹中（也可以单独放置挂载虚拟目录），支持热插拔

# 开发

我们以开发一个业务模块为例，登陆你部署好的系统，默认账号密码admin/1

### 建表

后台管理——数据管理平台——DMP平台（业务项目表统一使用DMP平台管理）

1.添加数据表

2.添加表结构，定义适当的参数类型与控件选择

3.表结构列表中勾选数据表生成代码，代码包含前段端的新增，编辑，列表页面文件，后端包含实体类，DB类，Controller,将这些文件放入工程中对应的文件夹中

### 后端个性化开发

1.默认的生成的DB文件一般只重写新增方法用于主键生成，你可以重写其中任何方法，DB文件会被自动替换到Controller中的默认的DB泛型模板中

2.如果生成的DB中的方法不足以满足要求，可以自己创建方法，但是需要在Controller中声明DB类，而不能使用基类中的模板，代码示例如下

```c#
  [AutoWired]
  public DB_User @DB_User;
```

3.生成的Controller中也会包含基本的操作api，如果相对List查找操作增加个性化条件，代码如下

```c#
  JObject Params = GetParams();
  string DisplayName = Convert.ToString(Params["DisplayName"]);
  if (!string.IsNullOrEmpty(DisplayName))
  {
      ListWhereText += string.Format(" and DisplayName like '%{0}%'", DisplayName);
  }
```

4.想要个性化返回结果，代码如下,ReturnValue默认包含code和msg两个返回值，可以通过Add方法重写

```c#
 ReturnValue result = new ReturnValue();
 result.Add("code", -100);
 result.Add("msg", "已存在相同名称的表！");
 return result;
```

5.如果在最终的表现层不是Controller的代码中使用自动注入（拦截器，过滤器，日志，任务等），获取复杂对象（对象中在别的地方使用，而对象中嵌套自动注入）时的代码如下

```c#
private AuthUtil @AuthUtil = InjectUtil.Container.Resolve<AuthUtil>();
```

### 前端个性化开发

如果生成的前端页面无法完全满足需求，新建一个cshtml文件，需要引入框架js与css，代码如下

```javascript
<!DOCTYPE html>

<html>

<head>
    <meta name="viewport" content="width=device-width" />
    <title></title>
    @Scripts.Render("~/Resource/js/fe.head.js")
</head>

</div>
</body>
@Scripts.Render("~/Resource/js/fe.foot.js")
<script>
    var pageData = {};
    new Vue({
        el: '#app',
        data: pageData,
        mounted: function () {

},
        methods: {
          
        }
    })
</script>

</html>

```

#### dialog弹窗使用

普通打开页面

```javascript
 OpenDialog("111", "打开窗口", "newpage1.html", "600", "1200");
```
参数：dialog标识，页面标题名称，页面url地址，页面高度，页面宽度   
百分比打开页面

```javascript
OpenDialog("111", "打开窗口", "newpage1.html", "70", "80",null,null,"%");

```
注：第8个参数为宽高的单位，不传默认px

打开的页面关闭后，主页面触发回调函数

```javascript
OpenDialog("222", "关闭窗口有回调函数", "newpage1.html", "600", "1200", AfterClose);

```

打开的页面关闭后，主页面触发回调函数,回调函数包含关闭页面传递的返回值

```javascript
 OpenDialog("333", "回掉函数包含返回值", "newpage1.html", "600", "1200", AfterCloseWithReturn);
 function AfterCloseWithReturn(ReturnValue) {
        alert("page1回传的参数："+ReturnValue);
 }
```
打开页面并传递参数

```javascript
 OpenDialog("444", "有回调函数并传参", "newpage1.html", "600", "1200", AfterCloseWithReturn, "125sds");
```
打开页面获取参数

```javascript
var params = GetParams();
 if (params && params != "undefined") {
     alert("打开页面接收的参数：" + params);
}
```

关闭打开的页面

```javascript
CloseDialog();
```
关闭打开的页面并向主页面传递返回值，配合3使用

```javascript
CloseDialog("page1回传222222");
```
在顶层窗口打开页面，一般用于iframe中

```javascript
OpenTopDialog("777777", "有回调函数并传参", "newpage2.html", "500", "1000", AfterCloseWithReturn, "page1-page2传参");
```
关闭顶层页面

```javascript
CloseDialog("page2回传111111","page3");
```

注：CloseDialog方法在关闭OpenDialog的页面，无需传参，或者传返回值，关闭OpenTopDialog的页面时必须传入两个参数，ReturnValue和打开的dialog的id标识，无返回值传null，如果一个页面同时需要被 OpenDialog和OpenTopDialog打开，两个参数必传

打开普通提示窗

```javascript
 OpenAlert("提示", "请在规定期限内处理完成！");
```
关闭提示窗关闭后触发回调事件

```javascript
OpenAlert("提示", "请在规定期限内处理完成！",AfterClose);
```

打开成功提示窗

```javascript
OpenSuccess("提示", "请在规定期限内处理完成！");
```
打开警告提示窗

```javascript
 OpenWaring("提示", "请在规定期限内处理完成！",null,"知道了");
```
打开失败提示窗

```javascript
 OpenFail("提示", "请在规定期限内处理完成！");
```
打开确认提示窗

```javascript
OpenConfirm("确认提示", "是否删除当前数据", function () {
                    OpenSuccess("提示", "删除成功");
                });
OpenConfirm("确认提示", "是否删除当前数据", function () {

}, "确认删除", "取消操作");
```

#### table组件使用

框架中的table组件就是基于elementui，将表格与分页以及一些默认配置进行封装，使用代码如下

```vue
 <common-table :data="tableData" :page-Index="pageIndex" :page-Size="pageSize" :total="total" :table-Height="tableHeight" :show-Delete="false" v-on:on-load="bindGrid"
 v-on:on-pageindexchange="pageIndexChange" v-on:handle-edit="edit" ref="table">
 </common-table>
```

1.common-table组件自带多选框（showCheckBox控制），序号列（showIndex控制），编辑列（showEdit控制，handleEdit方法），删除列（showDelete控制，handleDelete方法）

2.common-table组件自带分页控件，传入page-Index，page-Size控制，对外提供on-pageindexchange翻页事件修改页数，对外提供on-load方法用于表格数据的加载来刷新翻页数据

3.common-table声明列表数据结构代码如下

```vue
<template slot="column">
       <el-table-column prop="TableName" header-align="center" align="left" label="表名">
        </el-table-column>
</template>
```

4.common-table声明自定义操作列代码如下,在有默认操作栏的情况下支持opbefore与opafter两种位置不同发slot

```vue
 <template slot="opbefore">
     <el-table-column prop="ColumnDetail" header-align="center" align="center" label="表结构" width="100">
      <template slot-scope="scope">
         <el-button type="danger" size="mini" v-on:click="columnDetail(scope.row)">表结构
         </el-button>
      </template>
	</el-table-column>
</template>
```

#### 树组件使用

1.支持单选,指定tree-Model="single"

```vue
 <common-tree :tree-data="treeData" tree-Model="single" :tree-select-value="form.OUGuid"
      v-on:node-select-change="nodeChange" :tree-body-width="630">
  </common-tree>
```

2.支持多选,指定tree-Model="multi"

```vue
 <common-tree :tree-data="ouTreeData" tree-Model="multi" :tree-select-array="ouList"
    v-on:node-select-change="ouNodeChange" :tree-body-width="650" :tree-body-height="220"
    :only-leaf="true">
 </common-tree>
```

3.支持展示树,默认tree-Model="normal"

```vue
 <common-tree :tree-data="treeData" :tree-body-height="treeHeight" v-on:tree-node-			click="nodeClick">
 </common-tree>
```

4.树属性

treeHolder：默认无数据时的文字

treeSelectArray：多选树时的传入选择值（数组）

treeSelectValue：单选树时传入的选择值（字符串）

treeData：绑定的数据源

treeModel：树展示类型

disabled：多选单选时是否能编辑选择的值

onlyLeaf：是否只选择叶子节点

showSearchInput：是否显示树的搜索框

treeBodyHeight：控件高度

treeBodyWidth：控件宽度

5.树事件

选择树节点事件node-select-change

单选：返回字符串

多选：返回数组

树节点点击事件：tree-node-click（仅支持展示树）

#### 上传控件使用

1.普通上传文件，指定controltype为upload,需要传入groupguid（记录主键），grouptype（同一批文件的分类标识）

```vue
 <common-upload :groupguid="form.RowGuid" :grouptype="GroupType" controltype="upload">
 </common-upload>
```

2.上传头像,指定controltype为image

```vue
 <common-upload :groupguid="form.RowGuid" :grouptype="GroupType" controltype="image">
 </common-upload>
```

### 配置菜单

后台管理——系统管理——模块管理

选好父级模块，点击添加模块按钮，填写模块名称与模块路由地址，例如部门管理：Frame/OU/List

后台管理——权限管理——模块权限

搜索你需要配置的菜单，点击编辑，设置部门/人员/角色权限，使用对应账号登陆即可查看菜单，如果你只配置了子菜单权限，而父级菜单未配置权限，框架会自动填充

qq356179407/FastExecutor

简介

发行版

贡献者

近期动态

qq356179407/FastExecutor .gitee-modal { width: 500px !important; }

简介

发行版

贡献者

近期动态

搜索帮助

qq356179407/FastExecutor