一 设计器操作
对象树中选择要生成后台代码的实体,点击菜单 : 设计 - 模型设计
规范化Json名称
点选项卡"序列化"设置
点按钮"小驼峰(JSON)",所有字段的Json名称变为小驼峰形式
EasyUi界面设置
- 点扩展操作-控件类型修复
- 点扩展操作-界面字段初始化
- 保存你的配置
更多有用的操作,会在后续How To中给出
代码生成
转到代码生成界面。
- 点Entity & Model 更新实体代码
- 点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",
加入到页面菜单中
运行前端代码,登录后打开页面,将页面加入到系统中,即完成一个简单的增删改查的后台开发.