EF+MVC框架(网络互连框架)

目的:连通数据库到UI的过程框架,

1.设计Model实体类、

2.写Dto类与Service的方法(调用Data操作数据库方法)、

3.设计Api访问Service接口、

4.UI访问Api接口实现数据交互。

5.发布有两种形式

一、服务器发布Api、

二、服务器发布Api和UI、

6.实现用户通过UI操作数据库。

项目扩展:实现点餐系统

客户-》点餐号-》数据库-》打印机-》老板根据打印凭条做菜上菜。(扩展到微信、支付宝支付一起到点餐系统)

 

///////////////////////////////////////////////////////

1.框架模型:

EF+MVC框架(网络互连框架)_第1张图片

 

2.解决方案:

EF+MVC框架(网络互连框架)_第2张图片

 3.设置启动webService、webUI

4.webUI显示界面读取控制器:

EF+MVC框架(网络互连框架)_第3张图片

5.控制器判断登录的账号密码为空,并赋值给 @ViewBag.tijiao = 1111;,显示界面:

EF+MVC框架(网络互连框架)_第4张图片

6.点击提交按钮释放@ViewBag.tijiao的值在界面是Js代码:

EF+MVC框架(网络互连框架)_第5张图片

EF+MVC框架(网络互连框架)_第6张图片

EF+MVC框架(网络互连框架)_第7张图片

7.输入账号:123456、密码123456(因为数据库中有一条账号密码为123456的数据)

8.重新执行webUI中的控制器代码并调用Api(post):

链接为webService的对应接口传入Json

接口解析代码:

EF+MVC框架(网络互连框架)_第8张图片

9.进入webService代码执行post接口:

本来想用映射的后来报错没有处理就先注释了后期解决,这里是想把Dto的类传给Model类里,然后调用Data的GetBoss方法获取数据库的数据,

EF+MVC框架(网络互连框架)_第9张图片

10.进入Get类GetBoss方法:

用EF语句去查数据库并返回数据,这里只根据账号条件查没有查密码条件和加密(后期真正 的项目需要做这个步骤)

EF+MVC框架(网络互连框架)_第10张图片

当执行到EFCoreFirst()方法时:

需要事先配置在webService配置数据库连接字符串

EF+MVC框架(网络互连框架)_第11张图片

 

EF+MVC框架(网络互连框架)_第12张图片

11.执行SQl语句:

EF+MVC框架(网络互连框架)_第13张图片

12.查询到的数据然后原路返回数据:

EF+MVC框架(网络互连框架)_第14张图片

13.得到类的数据然后转换成JSon返回到访问接口里:

EF+MVC框架(网络互连框架)_第15张图片

14.点击释放缓存:

EF+MVC框架(网络互连框架)_第16张图片

15.WebUI根据Json处理页面

///////////////////////////完////////////////////////////////

源码需要请联系:QQ1174787689

 

你可能感兴趣的:(MVCAPI,测试)