新增生成移动端代码

This commit is contained in:
不做码农 2023-06-24 21:40:28 +08:00
parent 046a470ea4
commit 4b1f79c1da
8 changed files with 626 additions and 4 deletions

View File

@ -9,7 +9,7 @@
/// <param name="configuration"></param>
public static void AddCors(this IServiceCollection services, IConfiguration configuration)
{
var corsUrls = configuration["corsUrls"]?.Split(',', StringSplitOptions.RemoveEmptyEntries);
var corsUrls = configuration.GetSection("corsUrls").Get<string[]>();
//配置跨域
services.AddCors(c =>

View File

@ -24,7 +24,7 @@
"DbName": "ZrAdmin" //
},
"urls": "http://localhost:8888", //urldevServer
"corsUrls": "http://localhost:8887", //","
"corsUrls": [ "http://localhost:8887", "http://localhost:8886" ], //","
"JwtSettings": {
"Issuer": "ZRAdmin.NET", //token
"Audience": "ZRAdmin.NET", //token

View File

@ -0,0 +1,78 @@
import request from '@/utils/request'
/**
* ${genTable.functionName}分页查询
* @param {查询条件} data
*/
export function list${genTable.BusinessName}(query) {
return request({
url: '/${genTable.ModuleName}/${genTable.BusinessName}/list',
method: 'get',
data: query,
})
}
$if(replaceDto.ShowBtnAdd)
/**
* 新增${genTable.functionName}
* @param data
*/
export function add${genTable.BusinessName}(data) {
return request({
url: '/${genTable.ModuleName}/${genTable.BusinessName}',
method: 'post',
data: data,
})
}
$end
$if(replaceDto.ShowBtnEdit)
/**
* 修改${genTable.functionName}
* @param data
*/
export function update${genTable.BusinessName}(data) {
return request({
url: '/${genTable.ModuleName}/${genTable.BusinessName}',
method: 'PUT',
data: data,
})
}
$end
/**
* 获取${genTable.functionName}详情
* @param {Id}
*/
export function get${genTable.BusinessName}(id) {
return request({
url: '/${genTable.ModuleName}/${genTable.BusinessName}/' + id,
method: 'get'
})
}
$if(replaceDto.ShowBtnDelete || replaceDto.ShowBtnMultiDel)
/**
* 删除${genTable.functionName}
* @param {主键} pid
*/
export function del${genTable.BusinessName}(pid) {
return request({
url: '/${genTable.ModuleName}/${genTable.BusinessName}/' + pid,
method: 'delete'
})
}
$end
$if(replaceDto.ShowBtnTruncate)
// 清空${genTable.functionName}
export function clear${genTable.BusinessName}() {
return request({
url: '/${genTable.ModuleName}/${genTable.BusinessName}/clean',
method: 'delete'
})
}
$end
$if(replaceDto.ShowBtnExport)
// 导出${genTable.functionName}
export async function export${genTable.BusinessName}(query) {
await downFile('$/{genTable.ModuleName}/${genTable.BusinessName}/export', { ...query })
}
$end

View File

@ -0,0 +1,206 @@
<template>
<view class="edit-form">
<u--form labelPosition="left" :model="form" labelWidth="90px" :rules="rules" ref="uForm">
$foreach(column in genTable.Columns)
$set(columnName = column.CsharpFieldFl)
$set(value = "item.value")
$set(number = "")
$set(labelName = column.ColumnComment)
$if(column.CsharpType == "int" || column.CsharpType == "long")
$set(value = "parseInt(item.value)")
$set(number = ".number")
$end
$if(column.IsPK || column.IsIncrement)
$if(column.IsPK && column.IsIncrement == false)
<u-form-item label="${labelName}" prop="${columnName}">
<u--input type="number" v-model.number="form.${columnName}" placeholder="请输入${labelName}" :disabled="opertype != 1"></u--input>
</u-form-item>
$else
<u-form-item label="${labelName}" prop="${columnName}" v-if="opertype != 1">
<u--input type="number" v-model.number="form.${columnName}" placeholder="请输入${labelName}" :disabled="true"/>
</u-form-item>
$end
$else
$if(column.HtmlType == "radio" || column.HtmlType == "selectRadio")
<u-form-item label="${labelName}" prop="${columnName}">
<u-radio-group v-model="form.${columnName}">
<u-radio v-for="item in ${if(column.DictType != "")}dict.type.${column.DictType}${else}${column.CsharpFieldFl}Options$end" :name="${value}" class="margin-right-xl">{{item.label}}</u-radio>
</u-radio-group>
</u-form-item>
$elseif(column.HtmlType == "checkbox")
<u-form-item label="${labelName}" prop="${columnName}">
<view class="">
<u-checkbox-group v-model="form.${columnName}Checked">
<u-checkbox :customStyle="{marginRight: '20px', marginBottom: '15px'}" v-for="(item, index) in ${if(column.DictType != "")}dict.type.${column.DictType}${else}${column.CsharpFieldFl}Options$end" :key="index"
:label="item.label" :name="${value}">
</u-checkbox>
</u-checkbox-group>
</view>
</u-form-item>
$elseif(column.HtmlType == "inputNumber" || column.HtmlType == "customInput")
<u-form-item label="${labelName}" prop="${columnName}">
<u-number-box v-model="form.${columnName}"></u-number-box>
</u-form-item>
$elseif(column.HtmlType == "datetime" || column.HtmlType == "month")
<u-form-item label="${labelName}" prop="${columnName}">
<uni-datetime-picker v-model="form.${columnName}" />
</u-form-item>
$elseif(column.HtmlType == "textarea")
<u-form-item label="${labelName}" prop="${columnName}">
<u--textarea v-model="form.${columnName}" placeholder="请输入内容" count ></u--textarea>
</u-form-item>
$elseif(column.HtmlType == "imageUpload" || column.HtmlType == "fileUpload")
<u-form-item label="${labelName}" prop="${columnName}">
<UploadFile v-model="form.${columnName}"></UploadFile>
</u-form-item>
$elseif(column.HtmlType == "select" || column.HtmlType == "selectMulti")
<u-form-item label="${labelName}" prop="${columnName}">
<uni-data-select v-model="form.${columnName}" :clear="true" :localdata="${if(column.DictType != "")}dict.type.${column.DictType}${else}${column.CsharpFieldFl}Options$end"
format="{label} - {value}"></uni-data-select>
</u-form-item>
$else
<u-form-item label="${labelName}" prop="${columnName}">
<u--input v-model${number}="form.${columnName}" placeholder="请输入${labelName}" ${column.DisabledStr}/>
</u-form-item>
$end
$end
$end
</u--form>
<view class="btn-group">
<view class="btn-item">
<u-button text="取消" shape="circle" icon="close" type="info" @click="handleCancel"></u-button>
</view>
<view class="btn-item">
<u-button text="确定" shape="circle" icon="checkmark" type="primary" @click="submit"></u-button>
</view>
</view>
</view>
</template>
<script>
import "@/static/scss/page.scss";
import {
get${genTable.BusinessName},
$if(replaceDto.ShowBtnAdd)
add${genTable.BusinessName},
$end
$if(replaceDto.ShowBtnEdit)
update${genTable.BusinessName},
$end
}
from '@/api/${tool.FirstLowerCase(genTable.ModuleName)}/${genTable.BusinessName.ToLower()}.js'
export default {
dicts: [
$foreach(item in genTable.Columns)
$if((item.HtmlType == "radio" || item.HtmlType.Contains("select") || item.HtmlType == "checkbox") && item.DictType != "")
"${item.DictType}",
$end
$end
],
data() {
return {
form: {},
rules: {
xxx: {},
$foreach(column in genTable.Columns)
$if(column.IsRequired && column.IsIncrement == false)
${column.CsharpFieldFl}: [{
required: true,
message: "${column.ColumnComment}不能为空",
trigger: [ 'change', 'blur' ],
$if(column.CsharpType == "int" || column.CsharpType == "long") type: "number"$end
}],
$end
$end
},
opertype: 0,
$foreach(item in genTable.Columns)
$if((item.HtmlType == "radio" || item.HtmlType == "select" || item.HtmlType == "checkbox") && item.DictType == "")
// ${item.ColumnComment}选项列表 格式 eg:{ label: '标签', value: '0'}
${item.CsharpFieldFl}Options: [],
$end
$end
}
},
onReady() {
// 需要在onReady中设置规则
setTimeout(() => {
this.${refs}refs.uForm.setRules(this.rules)
}, 300)
},
onLoad(e) {
this.opertype = e.opertype
if (e.id) {
get${genTable.BusinessName}(e.id).then(res => {
const {
code,
data
} = res
if (code == 200) {
this.form = {
...data,
$foreach(item in genTable.Columns)
$if(item.HtmlType == "checkbox")
${item.CsharpFieldFl}Checked: data.${item.CsharpFieldFl} ? data.${item.CsharpFieldFl}.split(',') : [],
$end
$end
}
}
})
} else {
this.reset()
}
},
methods: {
reset(){
this.form = {
$foreach(item in genTable.Columns)
$if((item.HtmlType == "checkbox"))
${item.CsharpFieldFl}Checked: [],
$else
$item.CsharpFieldFl: undefined,
$end
$end
};
},
submit() {
this.${refs}refs.uForm.validate().then(res => {
this.${modal}modal.msg('表单校验通过')
$foreach(item in genTable.Columns)
$if(item.HtmlType == "checkbox")
this.form.${item.CsharpFieldFl} = this.form.${item.CsharpFieldFl}Checked.toString();
$end
$end
if (this.form.${replaceDto.FistLowerPk} != undefined && this.opertype == 2) {
update${genTable.BusinessName}(this.form).then((res) => {
this.${modal}modal.msgSuccess("修改成功")
})
.catch(() => {})
} else {
add${genTable.BusinessName}(this.form).then((res) => {
this.${modal}modal.msgSuccess("新增成功")
})
.catch(() => {})
}
}).catch(errors => {
this.${modal}modal.msg('表单校验失败')
})
},
handleCancel() {
uni.navigateBack()
}
}
}
</script>
<style scoped>
.btn-wrap {
margin: 150rpx auto 0 auto;
width: 80%
}
</style>

View File

@ -0,0 +1,284 @@
<template>
<view class="container">
<view class="search-bar">
$if(replaceDto.ShowBtnAdd)
<u-button type="primary" size="small" shape="circle" icon="plus" v-if="checkPermi(['${replaceDto.PermissionPrefix}:add'])"
@click="handleAdd" :customStyle="{'width': '80px', 'margin': '10px'}">新增</u-button>
$end
<u-search :disabled="true" placeholder="请输入要搜索的内容" @click="show=true"></u-search>
</view>
<u-line dashed></u-line>
<view class="info-item" v-for="(item,index) in dataList" :key="index">
$foreach(column in genTable.Columns)
$set(labelName = column.ColumnComment)
$set(columnName = column.CsharpFieldFl)
$if(column.IsList == true)
$if(column.HtmlType == "imageUpload")
<view class="info-line">
<text class="label-name">${labelName}</text>
<ImagePreview :src="item.${columnName}"></ImagePreview>
</view>
$elseif(column.HtmlType == "checkbox" || column.HtmlType == "select" || column.HtmlType == "radio")
<view class="info-line">
<text class="label-name">${labelName}</text>
$if(column.HtmlType == "checkbox")
<dict-tag :options="$if(column.DictType != "") dict.type.${column.DictType} $else ${column.CsharpFieldFl}Options$end" :value="item.${columnName} ? item.${columnName}.split(',') : []" />
$else
<dict-tag :options="$if(column.DictType != "") dict.type.${column.DictType} $else ${column.CsharpFieldFl}Options$end" :value="item.${columnName}" />
$end
</view>
$else
<view class="info-line">
<text class="label-name">${labelName}</text>
<text class="text-success">{{item.${columnName}}}</text>
</view>
$end
$end
$end
<view class="info-btn-wrap justify-end">
$if(replaceDto.ShowBtnEdit)
<view class="tag-item">
<u-tag text="编辑" plain shape="circle" icon="edit-pen" @click="handleEdit(item)"
v-if="checkPermi(['${replaceDto.PermissionPrefix}:edit'])"></u-tag>
</view>
$end
$if(replaceDto.ShowBtnDelete || replaceDto.ShowBtnMultiDel)
<view class="tag-item">
<u-tag text="删除" class="tag-item" plain shape="circle" type="error" icon="trash"
v-if="checkPermi(['userinfo:delete'])" @click="handleDelete(item)"></u-tag>
</view>
$end
</view>
<u-line dashed></u-line>
</view>
<view class="page-footer">
<u-empty mode="list" :marginTop="140" v-if="total == 0"></u-empty>
<uni-pagination v-else show-icon="true" :total="total" :pageSize="queryParams.pageSize"
:current="queryParams.pageNum" @change="getData"></uni-pagination>
</view>
<u-popup :show="show" mode="top" @close="show = false" @open="show = true">
<view class="search-form">
<view class="search-title">搜索</view>
<u--form labelPosition="left" :model="queryParams" labelWidth="100px" ref="uForm">
<u-form-item label="排序字段" prop="sort" borderBottom>
<uni-data-select v-model="queryParams.sort" :clear="true" :localdata="sortOptions"
format="{label}"></uni-data-select>
</u-form-item>
<u-form-item label="排序方式" prop="sortType" borderBottom ref="item1">
<u-radio-group v-model="queryParams.sortType">
<u-radio label="升序" name="asc" :customStyle="{marginRight: '20px'}"></u-radio>
<u-radio label="倒序" name="desc"></u-radio>
</u-radio-group>
</u-form-item>
<u-gap height="30"></u-gap>
$foreach(column in genTable.Columns)
$set(labelName = "")
$set(columnName = "")
$if(column.IsQuery == true)
$set(columnName = column.CsharpFieldFl)
$if(column.ColumnComment != "")
$set(labelName = column.ColumnComment)
$else
$set(labelName = column.CsharpFieldFl)
$end
$if(column.HtmlType == "datetime")
<u-form-item label="时间查询">
<uni-datetime-picker :border="false" v-model="dateRange${column.CsharpField}" type="daterange" @change="${column.CsharpFieldFl}Select" />
</u-form-item>
$elseif(column.HtmlType == "radio" || column.HtmlType == "select")
<u-form-item label="${labelName}" prop="${column.CsharpFieldFl}" borderBottom ref="item2">
<view class="tag-item">
<u-tag text="全部" :plain="null != queryParams.${column.CsharpFieldFl}" name="" @click="queryParams.${column.CsharpFieldFl} = null">
</u-tag>
</view>
<view class="tag-item" v-for="(item, index) in $if(column.DictType != "") dict.type.${column.DictType} $else ${column.CsharpFieldFl}Options$end" :key="index">
<u-tag :text="item.label" :plain="item.value != queryParams.${column.CsharpFieldFl}" :name="item.value"
@click="${column.CsharpFieldFl}Select(item)">
</u-tag>
</view>
</u-form-item>
$else
<u-form-item label="${labelName}" prop="${column.CsharpFieldFl}" borderBottom ref="item1">
<u--input v-model="queryParams.${column.CsharpFieldFl}" border="none" placeholder="请输入${labelName}"></u--input>
</u-form-item>
$end
$end
$end
</u--form>
<view class="btn-group">
<u-button text="重置" icon="reload" :customStyle="{marginRight: '10px'}" shape="circle" type="success"
@click="resetQuery"></u-button>
<u-button text="搜索" icon="search" shape="circle" type="primary" @click="handleQuery"></u-button>
</view>
</view>
</u-popup>
<u-back-top :scroll-top="scrollTop" :bottom="150"></u-back-top>
</view>
</template>
<script>
import {
checkPermi
} from '@/utils/permission.js'
import "@/static/scss/page.scss";
import {
list${genTable.BusinessName},
get${genTable.BusinessName},
$if(replaceDto.ShowBtnAdd)
add${genTable.BusinessName},
$end
$if(replaceDto.ShowBtnDelete || replaceDto.ShowBtnMultiDel)
del${genTable.BusinessName},
$end
$if(replaceDto.ShowBtnEdit)
update${genTable.BusinessName},
$end
$if(replaceDto.ShowBtnTruncate)
clear${genTable.BusinessName},
$end
$if(showCustomInput)
changeSort
$end
}
from '@/api/${tool.FirstLowerCase(genTable.ModuleName)}/${genTable.BusinessName.ToLower()}.js'
import {
getDate
} from '@/utils/common.js'
export default {
dicts: [
$foreach(item in genTable.Columns)
$if((item.HtmlType == "radio" || item.HtmlType.Contains("select") || item.HtmlType == "checkbox") && item.DictType != "")
"${item.DictType}",
$end
$end
],
data() {
return {
scrollTop: 0,
dataList: [],
queryParams: {
pageNum: 1,
pageSize: 20,
sortType: 'desc',
sort: undefined,
$foreach(item in genTable.Columns)
$if(item.IsQuery == true)
${item.CsharpFieldFl}: undefined,
$end
$end
},
total: 0,
show: false,
loading: false,
$foreach(item in genTable.Columns)
$if((item.HtmlType == "radio" || item.HtmlType == "select" || item.HtmlType == "checkbox") && item.DictType == "")
// ${item.ColumnComment}选项列表 格式 eg:{ dictLabel: '标签', dictValue: '0'}
${item.CsharpFieldFl}Options: [],
$elseif(item.HtmlType == "datetime" && item.IsQuery == true)
//${item.ColumnComment}时间范围
dateRange${item.CsharpField}: [],
$end
$end
sortOptions: [
$foreach(column in genTable.Columns)
$if(column.IsSort)
{
label: '${column.ColumnComment}',
value: '${column.CsharpFieldFl}'
},
$end
$end
]
}
},
onLoad() {
this.getList()
},
methods: {
checkPermi,
getList() {
$foreach(item in genTable.Columns)
$if(item.HtmlType == "datetime" && item.IsQuery == true)
this.addDateRange(this.queryParams, this.dateRange${item.CsharpField}, '${item.CsharpField}');
$end
$end
list${genTable.BusinessName}(this.queryParams).then(res => {
if (res.code == 200) {
this.dataList = res.data.result;
this.total = res.data.totalNum;
this.loading = false;
}
})
},
handleAdd() {
this.${tab}tab.navigateTo('./edit?opertype=1')
},
handleEdit(e) {
this.${tab}tab.navigateTo('./edit?opertype=2&${replaceDto.FistLowerPk}=' + e.id)
},
handleDelete(row) {
const Ids = row.${replaceDto.FistLowerPk};
this.${modal}modal.confirm('你确定要删除吗?').then(() => {
return del${genTable.BusinessName}(Ids);
})
.then(() => {
this.handleQuery();
this.${modal}modal.msgSuccess("删除成功");
})
.catch(() => {});
},
resetQuery() {
this.${refs}refs.uForm.resetFields()
$foreach(column in genTable.Columns)
$if(column.HtmlType == "datetime" && column.IsQuery == true)
this.dateRange${column.CsharpField} = []
$end
$end
},
handleQuery() {
this.queryParams.pageNum = 1;
this.dataList = []
uni.startPullDownRefresh();
this.getList()
this.show = false
},
getData(e) {
this.queryParams.pageNum = e.current
this.getList()
},
onPullDownRefresh() {
uni.stopPullDownRefresh()
this.handleQuery()
},
$foreach(column in genTable.Columns)
$if(column.IsQuery == true)
$if(column.HtmlType == "datetime")
${column.CsharpFieldFl}Select(e) {
this.${column.CsharpFieldFl} = e
},
$elseif(column.HtmlType == "radio" || column.HtmlType == "select")
${column.CsharpFieldFl}Select(e) {
this.queryParams.${column.CsharpFieldFl} = e.value
},
$end
$end
$end
onPageScroll(e) {
this.scrollTop = e.scrollTop;
}
}
}
</script>
<style lang="scss">
.container {
padding-bottom: 20px;
}
</style>

View File

@ -80,6 +80,9 @@ namespace ZR.CodeGenerator
}
GenerateVueJs(dto);
GenerateSql(dto);
GenerateAppVueViews(replaceDto, dto);
GenerateAppVueFormViews(replaceDto, dto);
GenerateAppJs(dto);
dto.ReplaceDto = replaceDto;
if (dto.IsPreview) return;
@ -284,6 +287,52 @@ namespace ZR.CodeGenerator
}
#endregion
#region app页面
/// <summary>
/// 列表页面
/// </summary>
/// <param name="generateDto"></param>
private static void GenerateAppVueViews(ReplaceDto replaceDto, GenerateDto generateDto)
{
var fileName = Path.Combine("app", "vue2.txt");
var tpl = JnHelper.ReadTemplate(CodeTemplateDir, fileName);
tpl.Set("options", generateDto.GenTable?.Options);
var result = tpl.Render();
var fullPath = Path.Combine(generateDto.AppVuePath, "pages", generateDto.GenTable.ModuleName.FirstLowerCase(), $"{replaceDto.ViewFileName.FirstLowerCase()}", "index.vue");
generateDto.GenCodes.Add(new GenCode(20, "uniapp页面", fullPath, result));
}
private static void GenerateAppVueFormViews(ReplaceDto replaceDto, GenerateDto generateDto)
{
var fileName = Path.Combine("app", "form.txt");
var tpl = JnHelper.ReadTemplate(CodeTemplateDir, fileName);
tpl.Set("options", generateDto.GenTable?.Options);
var result = tpl.Render();
var fullPath = Path.Combine(generateDto.AppVuePath, "pages", generateDto.GenTable.ModuleName.FirstLowerCase(), $"{replaceDto.ViewFileName.FirstLowerCase()}", "edit.vue");
generateDto.GenCodes.Add(new GenCode(20, "uniapp表单", fullPath, result));
}
/// <summary>
/// 生成vue页面api
/// </summary>
/// <param name="generateDto"></param>
/// <returns></returns>
public static void GenerateAppJs(GenerateDto generateDto)
{
var filePath = Path.Combine("app", "api.txt");
var tpl = JnHelper.ReadTemplate(CodeTemplateDir, filePath);
var result = tpl.Render();
string fileName = generateDto.GenTable.BusinessName.ToLower() + ".js";
string fullPath = Path.Combine(generateDto.AppVuePath, "api", generateDto.GenTable.ModuleName.FirstLowerCase(), fileName);
generateDto.GenCodes.Add(new GenCode(21, "uniapp Api", fullPath, result));
}
#endregion
#region
/// <summary>
@ -533,6 +582,7 @@ namespace ZR.CodeGenerator
options.Data.Set("index", "$");//特殊标签替换
options.Data.Set("confirm", "$");//特殊标签替换
options.Data.Set("nextTick", "$");
options.Data.Set("tab", "$");
options.Data.Set("replaceDto", replaceDto);
options.Data.Set("options", dto.GenOptions);
options.Data.Set("subTableOptions", dto.SubTableOptions);

View File

@ -57,6 +57,10 @@ namespace ZR.CodeGenerator.Model
/// vue代码路径
/// </summary>
public string VueParentPath { get; set; }
/// <summary>
/// uniapp存储路径
/// </summary>
public string AppVuePath { get; set; } = "ZRAdminn-app";
#endregion
public ReplaceDto ReplaceDto { get; set; }
}