EntityModel 系列之管理后台代码生成

一 设计器操作

对象树中选择要生成后台代码的实体,点击菜单 : 设计 - 模型设计
在这里插入图片描述

规范化Json名称

点选项卡"序列化"设置

在这里插入图片描述点按钮"小驼峰(JSON)",所有字段的Json名称变为小驼峰形式

EasyUi界面设置

在这里插入图片描述

  • 点扩展操作-控件类型修复
  • 点扩展操作-界面字段初始化
  • 保存你的配置

更多有用的操作,会在后续How To中给出

代码生成

转到代码生成界面。

  1. 点Entity & Model 更新实体代码
  2. 点EasyUi生成API及前端代码
    在这里插入图片描述

二 编码

Api项目

后端代码在Project对应的配置目录下(默认在src\Api目录下)

后端的Api项目与Zero项目相同,请参考ZeroNet教程 2.1 快速实现一个ZeroApi

需要添加的代码:

  • 添加数据库连接字符串
    appSettings.json的ConnectionStrings节中
"ConnectionStrings": {
    /*数据库地址*/
    "ProjectDemoDb": "Database=db_zero_backupground;Data Source=192.168.240.132;SslMode=none;User Id=root;Password=123456;CharSet=utf8;port=3306;Compress=false;Pooling=true;Min Pool Size=0;Max Pool Size=100;Connection Lifetime=0;"
  }
  • 添加数据库依赖对象
    在Program.cs中添加
IocHelper.AddScoped<UserCenterDb, UserCenterDb>();
  • Api自动发现
    在Program.cs中添加
ZeroApplication.Discove(typeof(DemoEntityApiController).Assembly, "Demo");

这些完成后,直接编译并运行.

前端代码

前端代码目录在wwwroot与项目代码对应的路径下

找到script\ajax.js 在对象 globalOptions.api下增加一个projectDemoHost配置项

var apihost = "http://192.168.1.196:8080/";

var globalOptions = {
    /**
     * api访问配置
     */
    api: {
        /**
         * Demo的api访问地址
         */
        projectDemoHost:"Demo",

加入到页面菜单中

运行前端代码,登录后打开页面,将页面加入到系统中,即完成一个简单的增删改查的后台开发.

猜你喜欢

转载自blog.csdn.net/longhutian/article/details/88179431