首页 > 其他 > 详细

2、Blog.Core新建类与表

时间:2020-04-08 01:05:07      阅读:97      评论:0      收藏:0      [点我收藏+]

讲解如何去跑通Blog.Core
双击CreateYourProject.bat这个批处理文件。
技术分享图片

输入一个自己要创建的名字
技术分享图片
刚才你输入的名字就会生成的这个名字的项目文件LiveCode,在.1YourProject文件夹下。
技术分享图片
双击即可运行新生成的解决方案
技术分享图片
使用Sql server就把SqlServer的Enabled设置为true,其他的数据库设置为false即可。
技术分享图片
然后修改数据库的链接字符串
这里设置了读取链接字符串为本地的txt文件,所以呢,这里我们自己加一句return sqlServerConnection;或者是把要读取的txt文件的文件名 随便改一下,让他找不到这个txt文件即可。
技术分享图片

F6编译项目
技术分享图片
然后就可以运行这个项目了。
技术分享图片
点击执行,会自动生成数据库,并且数据库内会填充上数据。
技术分享图片
生成的表
技术分享图片

技术分享图片
多次执行的执行时间,第一次会执行比较慢。执行执行这个方法。参数有默认值。
技术分享图片
技术分享图片
异步的生成数据在这个地方技术分享图片

开始正式内容

创建自己表的---》创建Controller、api----》前端vue页面。--》配置权限

创建表

技术分享图片
主要继承的是RootEntity的主键id
技术分享图片
继承RootEntity,然后设置字段的属性,长度为60,可为空,字段的类型为nvarchar.
如果不写字段的类型的话,默认就是varchar,那么可能就会出现乱码。
技术分享图片
配置好实体后,下面把这个表生成到数据库内。
还是生成种子数据那里,我们先在SeedAsync方法内加个断点,然后运行项目。
技术分享图片
这里的地址已经全部改成码云的地址了。
技术分享图片
在这里需要加上我们的实体类。添加上才能去创建表。
技术分享图片
技术分享图片
项目启动后
技术分享图片

如果也想生成表内数据的话,就可以在这里设置
技术分享图片
这样数据库的表已经生成了。技术分享图片

model生成到仓储

分为这四层,如果创建了model层就要写四个cs文件。
技术分享图片
下面model要生成4个cs文件
有两种方式去生成,第一种方式是通过Framework框架的模板来生成。
技术分享图片
DbHelper里面配置数据库的链接字符串
技术分享图片
把项目的链接自妇产复制到这里
技术分享图片
先生成下仓储。打开这个文件,然后直接点击保存。
技术分享图片
报错了
技术分享图片
T4模板有一定的格式,如果重新生成自己的项目的话 肯定会报错。
可以从下载的代码里面把下面这两个文件拷贝过来。
技术分享图片
替换当前生成的项目
技术分享图片
复制过来后,链接字符串还是要改
技术分享图片
再次打开这个文件,然后保存下这个文件
技术分享图片
新生成的文件
技术分享图片
这是所有的实体类,对应的仓储接口
技术分享图片
直接把这个我们需要的复制过去就可以了。
技术分享图片
把IAdsonTestRepository文件复制到根目录,然后删除生成的整个文件夹IRepository_New
技术分享图片
把对应的引用添加过来就可以了。
技术分享图片

生成服务层接口

打开这个文件,然后保存一下(Ctrl+S)。会自动生成。
技术分享图片
自动生成的文件
技术分享图片
复制到根目录。
技术分享图片
添加对应的引用。
技术分享图片
F6编译一下
技术分享图片
通过DBFirst的形式生成Repository和Service层。
技术分享图片

技术分享图片
生成仓储层的文件夹的地址
技术分享图片
要生成的model的名字 改成我们自己的
技术分享图片
F5运行项目
技术分享图片
搜索下DbFirst。但是接口需要密码。
技术分享图片
这里我们先把接口的权限去掉。
技术分享图片
再次运行程序。找到这个接口。
技术分享图片
执行这个方法,返回一个true
技术分享图片
生成到了c盘下。
技术分享图片

技术分享图片
复制过来后,再修改个名字。加一个Repository的后缀。
技术分享图片
添加对应的引用就可以了。
技术分享图片

生成Service

刚才提到了可以指定生成的文件的路径。
技术分享图片
要生成的表的Model名称是AnsonTest
技术分享图片
把生成的路径改成当前项目的路径。找到Services层的路径地址复制下来。
技术分享图片
把这个地址改成复制的地址
技术分享图片
注意解决方案名称和后面的类名。
技术分享图片
F5运行项目
技术分享图片
生成Service层,直接运行这个接口。
技术分享图片
返回True
技术分享图片
项目里我们已经创建好了
技术分享图片
加上后缀名Service
技术分享图片
生成的代码有问题,这里应该调用Services层的方法。
技术分享图片
删掉,再重新操作一遍。
这是生成后的代码。
技术分享图片
修改后缀名,并添加引用
技术分享图片

F6编译代码
技术分享图片

创建Api

技术分享图片

技术分享图片
自动生成的就是Restfule风格的接口
技术分享图片
注入Service层
技术分享图片

技术分享图片


技术分享图片

添加的Action,可以参考其他的Controller写的代码。例如这里返回的是MessageModel<T>
技术分享图片

技术分享图片

测试APi

技术分享图片
查询的方法
技术分享图片

返回空数据
技术分享图片
测试添加
技术分享图片

技术分享图片
查看表内的数据
技术分享图片
再执行查询的方法
技术分享图片
再来添加一个。
技术分享图片
返回的是添加后的数据的id
技术分享图片
再来查询
技术分享图片

返回前端统一的解析

MessageModel来包装一下。
技术分享图片

技术分享图片


技术分享图片
然后再来测试
技术分享图片

技术分享图片

再来添加一条数据
技术分享图片

技术分享图片

MessageModel解析

注入的泛型,把泛型返回回去。
技术分享图片

修改后端的端口

技术分享图片

前端代码

前端vue的端口
技术分享图片

下面这一块是代理
技术分享图片
把后端代理到前端。2364的端口要访问8081存在跨越的问题。
技术分享图片
两种方式解决跨域的问题,一个是cors 一个是代理。
技术分享图片
代理又分为两种,一种是本地代理,一种是Nginx。本地代理,不能用在生产环境里。
技术分享图片
/api就是我们借口的模板
技术分享图片
我们每个借口前面都是以/api开头的
技术分享图片
、api开头的统一做代理到8081上。
技术分享图片
api/api.js
技术分享图片
如果你是iis部署的话,这里就要写上8081,并且要使用cors代理,如果你是Nginx的话,这里就留空
技术分享图片

技术分享图片

vue项目iis部署

部署项目,使用cnpm run build
技术分享图片

生成的dist文件夹
技术分享图片
技术分享图片

直接浏览会有问题
技术分享图片
用chrome打开。
技术分享图片
为了解决404的问题
技术分享图片
技术分享图片

下周再讲vue的iis部署。
技术分享图片

结束

 

2、Blog.Core新建类与表

原文:https://www.cnblogs.com/wangjunwei/p/12657286.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!