前言
这篇文章的程序已经测试能运行
- 代码在文章的末尾
- 本代码使用了Mysql+MVC+ajax
- 数据库语句在项目的sql文件下
首先我们创建项目
在这里插入图片描述
在这里插入图片描述
文件目录结构为
在这里插入图片描述
仅用代码的一部分进行讲解
1. 数据库操作
在这里插入图片描述
提供一个自用的Mysqlhelper（原来作者已经不知道是哪个了，汗）
mysql和sqlserver代码区别
mysql需要在NuGet管理器下载mysql.data
改为sqlserver需要把mysql的my删除就可以使用了
当然数据库连接字符串在这里插入代码片需要改
由于代码量有200多行就直接给github代码地址吧
MysqlHelper.cs
2. Models实体类
在文件Models下添加ProductModel.cs
namespace Homework.Models
{
public class ProductModel
{
public int id { get; set; }
public string name { get; set; }
public int price { get; set; }
}
}
3. 数据库具体操作类
在文件Models下添加ProductRepository.cs
我们的方法是基于mysqlhelper中的GetDataSet方法书写，用DataSet存储数据库的数据
namespace Homework.Models
{
public class ProductRepository
{
public ProductRepository(){}
public DataSet Get(int id)
{
CommandType cmdType = CommandType.Text;
string cmdText = "select * from products where id=?id";
MySqlParameter param = new MySqlParameter("?id", MySqlDbType.Int32);
param.Value = id;
DataSet dataSet = MysqlHelper.GetDataSet(cmdType, cmdText, param);
return dataSet;
}
public DataSet GetByName(string name)
{
CommandType cmdType = CommandType.Text;
string cmdText = "select * from products where name =?name";
MySqlParameter param = new MySqlParameter("?name", MySqlDbType.String);
param.Value = name;
DataSet dataSet = MysqlHelper.GetDataSet(cmdType, cmdText, param);
return dataSet;
}
}
}
同时我们在这里介绍一个好用的DataTable转换成Json工具
public class DatasetToJson
{
///
/// dataTable转换成Json格式
///
///
///
/// DataSet转换成Json格式
///
/// DataSet
/// 4. Controller 控制器
接下来就是书写控制器了
这里的的控制器对于新手有一个小坑。
- 假设我们命名一个控制器为HomeController.cs是对应Views文件夹中的Home文件夹的
在这个时候代码中的 -
对应Home文件夹中的Index.cshtml文件public IActionResult Index() { return View(); }
对应Home文件夹中的Products.cshtml文件public IActionResult Products() { ViewData["Message"] = "Products页面."; return View(); }
所以若需要创建一个新的Controller，想要用 return View();就需要创建相对应的文件夹和相对应的文件，但是在使用get或者post方法时候，Controller是可以接受任何的页面传入的。
现在我们在Controllers目录下创建ProductsController.cs
namespace Homework.Controllers
{
public class ProductsController : Controller
{
ProductRepository productRepository = new ProductRepository();//直接数据库操作
public IActionResult Index()
{
return View();
}
//GET: /Products/Getid/id
public string Getid(int id)
{
Debug.WriteLine("GetProducts" + id);
DataSet item = productRepository.Get(id);
if (item == null)
return null;
return DatasetToJson.Dataset2Json(item);
}
//POST: /Products/GetProducts
public string GetProducts([FromBody]dynamic Json)
{
ProductModel productModel = new ProductModel
{
name = Json.name
};
Debug.WriteLine("GetProducts" + productModel.name);
DataSet item = productRepository.GetByName(productModel.name);
if (item == null)
return null;
return DatasetToJson.Dataset2Json(item);
}
}
}
其中DatasetToJson.Dataset2Json方法就是把Dataset类型的数据转换成json给前端，通过return的方式返回
5.Views前端
在这里插入图片描述
在Views目录中的Home目录创建Products.cshtml，这个文件对应的就是刚刚所说的HomeController下的Products()方法
@{
ViewData["Title"] = "增删改查";
}
@ViewData["Title"]
@ViewData["Message"]
查询记录
id:
name:
price:
js语句部分
记得我们return回来的是一串json的字符串，
这里有两种方法，我们用的是不添加dataType=json，返回值当成字符串处理，否则变成json对象
创建对象存储数据
//用于保存用户输入数据
var Product = {
create: function () {
id: "";
name: "";
price: "";
return Product;
}
}
把json字符串解析并赋值给我们创建的Product 对象
var obj = eval('(' + data + ')'); //格式转换
$.each(obj.Tables, function (index, table) {
//根据不同的表名，显示不同的字段。得到特定表，table = obj.Tables[1]
if (table.Rows.length ==0) {
$("#id").val("不存在此id");
} else {
$.each(table.Rows, function (index, row) {
$("#name").val(row.name);
$("#price").val(row.price);
});
}
});
最后加在一起如下