asp.net+ashx+easyui+CRUD

一，创建项目

二、使用nuget安装EasyUI包

三、新建web窗体 Default.aspx，并引入EasyUI

删除web窗体的后置文件Default.aspx.cs，和设计文件Default.aspx.designer.cs

修改Default.aspx如下：

<%@ Page Language="C#" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>EasyUI 增删改查 示例</title>
    <link href="Content/themes/default/easyui.css" rel="stylesheet" />
    <link href="Content/themes/icon.css" rel="stylesheet" />
    <script src="Scripts/jquery-1.11.3.js"></script>
    <script src="Scripts/jquery.easyui-1.4.5.js"></script>
</head>
<body>
    <div class="easyui-calendar" style="width: 250px; height: 250px;"></div>
</body>
</html>

测试页面效果：

如果向引入本地化js文件，便可实现控件中文显示，在

显示效果为：

新建数据库本地文件

vs提示自动创建App_Data文件夹，这个文件夹是系统文件夹，可以保证数据库文件不会被客户端直接下载！

双击mdf文件以便创建表

创建“一般应用程序”用来处理前端请求

创建实体类User.cs

引入ORM, Entity Framework

在配置文件数据库连接字符串节点添加

添加数据库上下文，以便使ORM挂钩POCO类

数据库访问的准备工作基本完成，现在我们来编写通过DBContext来访问数据库

修改UserHandler.ashx 文件

引入第三方序列化库Newtonsoft.Json

不完整UserHandler.ashx.cs

using System;
using System.Collections.Generic;
using System.Data.Entity;
using System.Linq;
using System.Web;
using EasyUICRUDApp.Models;
using Newtonsoft.Json;

namespace EasyUICRUDApp.Handlers
{
    /// <summary>
    /// UserHandler 的摘要说明
    /// </summary>
    public class UserHandler : IHttpHandler
    {

        public void ProcessRequest(HttpContext context)
        {
            context.Response.ContentType = "text/plain";

            var action = context.Request["action"];
            var userId = Convert.ToInt32(context.Request["userid"]);
            var firstName = context.Request["firstname"];
            var lastName = context.Request["lastName"];
            var phone = context.Request["phone"];
            var email = context.Request["email"];


            //通过前端提交不同的标识来判断调用的方法
            switch (action)
            {
                case "getlist":
                  var json =  GetList();
                  context.Response.Write(json);

                    break;
                case "add":
                    AddUser(new User { FirstName = firstName, LastName = lastName, Phone = phone, Email = email });
                    break;
                case "delbyid":
                    DelUserById(userId);
                    break;
                case "editbyid":
                    EditUserById(userId);
                    break;
                case "getbyid":
                    GetUserById(userId);
                    break;
                default:

                    break;

            }


        }

        private User GetUserById(int? userId)
        {

            using (var db = new DBContext())
            {
                var query = db.Users;
                if (userId.HasValue)
                {
                    query = (DbSet<User>)query.Where(u => u.Id == userId);
                }

                return query.SingleOrDefault();
            }
        }

        private void EditUserById(int userId)
        {
            throw new NotImplementedException();
        }

        private void DelUserById(int userId)
        {
            throw new NotImplementedException();
        }

        private void AddUser(User user)
        {
            using (var db = new DBContext())
            {
                db.Users.Add(user);
                db.SaveChanges();

            }
        }

        /// <summary>
        /// 获取所有用户列表
        /// </summary>
        /// <returns></returns>
        public string GetList()
        {
            using (var db = new DBContext())
            {
                var userList = db.Users.ToList();
                var json = JsonConvert.SerializeObject(userList);
                return json;
            }
        }



        public bool IsReusable
        {
            get
            {
                return false;
            }
        }
    }
}

posted @ 2020-10-28 23:16 海阔天空XM 阅读(406) 评论(0) 收藏举报

刷新页面返回顶部

海阔天空XM

让爱你的人更爱你！

asp.net+ashx+easyui+CRUD

公告