關於c#購物車的地址的增刪改查(mvc,詳細註釋)

阿新 • • 發佈：2020-08-02

就是簡簡單單的增刪改查,也沒什麼特殊的或者特別難的業務邏輯,二級聯動用一張表的自連線做的,註釋都加在程式碼中了,不多說了,程式碼如下:

1.首先是我們的實體類資料模型層(model)

地址詳情表:

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;

namespace G5.Exam03.Day12.Models
{
    public class ShAddress
    {
        public int AId { get; set; }
        public 
 string AName { get; set; }
        public string Area { get; set; }
        public string Dzhi { get; set; }
        public string hanSet { get; set; }
    }
}

ShAddress

二級聯動用的區域表:

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;

namespace G5.Exam03.Day12.Models
{
     
public class Qy
    {
        public int Id { get; set; }
        public string Name { get; set; }
        public int QId { get; set; }
    }
}

2.ado呼叫:

地址的dal層:

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using G5.Exam03.Day12.Models;
namespace G5.Exam03.Day12.Dal
{
     
public class AddressDal
    {
        DBHelper db = new DBHelper();
        //地址顯示
        public List<ShAddress> GetList()
        {
            string sql = "select * from ShAddress";
            return db.GetToList<ShAddress>(sql);
        }
        //刪除功能
        public int Del(int id)
        {
            string sql = $"delete from ShAddress where AId={id}";
            return db.ExecuteNonQuery(sql);
        }
        //新增的sql語句及方法
        public int Upt(ShAddress model)
        {
            string sql = $"Update ShAddress set AName='{model.AName}',Area='{model.Area}',Dzhi='{model.Dzhi}',hanSet='{model.hanSet}' where AId={model.AId}";
            return db.ExecuteNonQuery(sql);
        }
    }
}

AddressDal

省市及新增,反填的dal層:

這兩個ado呼叫層其實可以寫在一塊的,具體看您要實現的功能及要求:

using G5.Exam03.Day12.Models;
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;

namespace G5.Exam03.Day12.Dal
{
    public class AddDal
    {
        DBHelper db = new DBHelper();
        //省市下拉
        public List<Qy> GetSsList(int qid)
        {
            string sql = $"select * from Qy where QId={qid}";
            return db.GetToList<Qy>(sql);
        }
        //新增的sql語句及方法
        public int Add(ShAddress model)
        {
            string sql = $"insert into ShAddress values ('{model.AName}','{model.Area}','{model.Dzhi}','{model.hanSet}')";
            return db.ExecuteNonQuery(sql);
        }
        //根據id查詢資料進行反填
        public List<ShAddress> GetListId(int id)
        {
            string sql = $"select * from ShAddress where AId={id}";
            return db.GetToList<ShAddress>(sql);
        }
    }
}

AddDal

3.控制器(檢視)如下(這裡其實建立一個控制器就好,具體看要求):

using G5.Exam03.Day12.Dal;
using G5.Exam03.Day12.Models;
using System;
using System.Collections.Generic;
using System.Linq;
using System.Net;
using System.Web;
using System.Web.Mvc;

namespace G5.Exam03.Day12.Controllers
{
    public class AddressController : Controller
    {
        AddressDal dal = new AddressDal();
        // GET: Address
        public ActionResult Index()
        {
            return View();
        }
        public int Del(int id)
        {
            return dal.Del(id);
        }
        [HttpGet]
        public JsonResult GetList()
        {
            return Json(dal.GetList(),JsonRequestBehavior.AllowGet);
        }

        public ActionResult Upt(int id)
        {
            ViewBag.id = id;
            return View();
        }
        [HttpPost]
        public int Upt(ShAddress model)
        {
            return dal.Upt(model);
        }
        //根據id獲取地址資訊->反填
        [HttpPost]
        public JsonResult GetId(int id)
        {
            AddDal add = new AddDal();
            return Json(add.GetListId(id), JsonRequestBehavior.AllowGet);
        }

    }
}

AddressController

using G5.Exam03.Day12.Dal;
using G5.Exam03.Day12.Models;
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Mvc;

namespace G5.Exam03.Day12.Controllers
{
    public class AddController : Controller
    {
        AddDal add = new AddDal();
        // GET: Add
        //為新增檢視提供方法
        public ActionResult Add()
        {
            return View();
        }
        //從後臺獲取到我們要的資料來源
        [HttpPost]//
        public int Add(ShAddress model)
        {
            return add.Add(model);
        }

        //為省市提供資料來源
        [HttpGet]
        public JsonResult GetSs(int qid)
        {
            return Json(add.GetSsList(qid), JsonRequestBehavior.AllowGet);
        }
        //為區縣提供資料來源
        [HttpGet]
        public JsonResult GetQx(int qid)
        {
            return Json(add.GetSsList(qid), JsonRequestBehavior.AllowGet);
        }
    }
}

AddController

4.檢視層:(view)

地址顯示檢視:

@{
    ViewBag.Title = "Index";
}

<h2>Index</h2>
<input type="button" onclick="Add()" name="name" value="新增收穫地址" />
<div id="divMain">
    
</div>
<script>
    //文件就緒函式
    $(function () {
        Show();
    })
    //顯示函式
    function Show() {
        $.ajax({
            url: "/Address/GetList",//地址
            dataType: "json",//返回到後臺的資料格式
            type: "get",//獲取到資料的方式
            success: function (d) {//成功就繼續執行後面的程式碼
                //清空原有的舊資料
                $("#divMain").empty();
                //each遍歷顯示資料庫的資料
                $(d).each(function () {
                    //字串拼接
                    var str = '<div style="border:solid;color:lightpink;">';
                    str += '收貨人:' + this.AName;
                    str += '<img src="../Img/228c96645e893848a8bd68a66c84777f.png" onclick="Del(' + this.AId + ')" Title="刪除"  style="float:right;cursor:pointer;"/></br>';
                    str += '所在地區:' + this.Area +'</br>';
                    str += '地址:' + this.Dzhi + '</br>';
                    str += '手機:' + this.hanSet + '<a href="javascript:Edit(' + this.AId +')" style="float:right;cursor:pointer;">編輯</a>';
                    str += '</div></br >';
                    //在div最後面新增要拼接上去的內容
                    $("#divMain").append(str);
                })
            }
        })
    }
    //刪除功能實現
    function Del(id) {
        //彈框提示是否要刪除
        if (confirm('確認刪除嗎?')) {
            $.ajax({
                url: "/Address/Del",//地址
                dataType: "json",//返回到後臺的資料格式
                data: { id: id },//要向資料庫後臺傳送的資料,前面是你的控制器名稱,後面是你傳送的值定義好的名稱(我這裡傳送值的名稱與控制器名稱是一樣的)
                type: "post",//獲取到資料的方式 post是傳送命令到資料庫中,get是從資料庫獲取到資料
                success: function (d) {//成功就繼續執行後面的程式碼
                    if (d > 0) {
                        alert("刪除成功!");
                        //呼叫顯示函式進行重新整理頁面
                        Show();
                    }
                    else {
                        alert("刪除失敗!");
                    }
                }
            })
        }
        else {
            return false;//選擇否,返回false;
        }
        
    }
    //編輯按鈕要跳轉到編輯頁面
    function Edit(id) {
        location.href = '/Address/Upt?id=' + id;
    }
    //新增
    function Add() {
        location.href = '/Add/Add';
    }
</script>

Index.cshtml

地址修改檢視:

@{
    ViewBag.Title = "Upt";
}
    <script src="~/Scripts/jquery-3.4.1.min.js"></script>
<h2>Upt</h2>
<table class="table table-bordered">
    <tr>
        <td>收貨人:</td>
        <td>
        <input  type="hidden" id="aid"/>
        <input id="aName" type="text" name="name" /></td>
    </tr>
    <tr>
        <td>所在地區:</td>
        <td>
            省市:<select id="Ss" onfocus="BandQ(this.value)"></select>
            區:<select id="q"></select>
        </td>
    </tr>
    <tr>
        <td>地址:</td>
        <td><input id="Dzhi" type="text" name="name" /></td>
    </tr>
    <tr>
        <td>手機:</td>
        <td><input id="hanSet" type="text" name="name" /></td>
    </tr>
    <tr>
        <td colspan="2"><input type="button" onclick="Xg()" name="name" value="修改" /></td>
    </tr>
</table>
<script>
    //文件就緒函式
    $(function () {
        //繫結二級聯動的函式
        var id = @ViewBag.id;
        $("#aid").val(id);
        Ft(id);
        BandSel();
    })
    function Ft(id) {
        $.ajax({
            url: "/Address/GetId",
            data: {id:id},
            dataType: "json",
            type: "post",
            success: function (d) {
                // console.log(d);
                alert(d.AId);
                $("#aid").val(d.AId);
                $("#aName").val(d.AName);
                $("#Dzhi").val(d.Dzhi);
                //$("#Ss option:selected").text() + $("#q option:selected").text();
                $("#hanSet").val(d.hanSet);
            }
        })
    }
    //修改函式
    function Xg() {
        var obj = {};
        obj.AId = $("#aid").val();//勿忘我
        obj.AName = $("#aName").val();
        obj.Area = $("#Ss option:selected").text() + $("#q option:selected").text();
        obj.Dzhi = $("#Dzhi").val();
        obj.hanSet = $("#hanSet").val();
        $.ajax({
            url: "/Address/Upt",
            data: { model:obj },
            dataType: "json",
            type: "post",
            success: function (d) {
                if (d > 0) {
                    alert("修改成功!");
                    location.href = '/Address/Index';
                }
                else {
                    alert("修改失敗!");
                }
            }
        })
    }
    //繫結下拉 省市繫結
    function BandSel() {
        $.ajax({
            url: "/Add/GetSs",
            data: { qid:0},
            dataType: "json",
            type: "get",
            success: function (d) {
                $("#Ss").empty();
                $(d).each(function () {
                    var str = '<option value="' + this.Id + '">' + this.Name + '</option>';
                    $("#Ss").append(str);
                })
            }
        })
    }
    function BandQ() {
        $.ajax({
            url: "/Add/GetQx",
            data: { qid: $("#Ss").val() },
            dataType: "json",
            type: "get",
            success: function (d) {
                $("#q").empty();
                $(d).each(function () {
                    var str = '<option value="' + this.Id + '">' + this.Name + '</option>';
                    $("#q").append(str);
                })
            }
        })
    }
</script>

Upt.cshtml

地址新增檢視:

@{
    ViewBag.Title = "Add";
}

<h2>Add</h2>
<table class="table table-bordered">
    <tr>
        <td>收貨人:</td>
        <td><input id="aName" type="text" name="name" value="" /></td>
    </tr>
    <tr>
        <td>所在地區:</td>
        <td>
            省市:<select id="Ss" onfocus="BandQ(this.value)"></select>
            區:<select id="q"></select>
        </td>
    </tr>
    <tr>
        <td>地址:</td>
        <td><input id="Dzhi" type="text" name="name" value="" /></td>
    </tr>
    <tr>
        <td>手機:</td>
        <td><input id="hanSet" type="text" name="name" value="" /></td>
    </tr>
    <tr>
        <td colspan="2"><input  type="button" onclick="Tj()" name="name" value="新增到地址" /></td>
    </tr>
</table>
<script>
    //文件就緒函式
    $(function () {
        //繫結二級聯動的函式
        BandSel();
    })
    //新增函式
    function Tj() {
        var obj = {};
        obj.AName = $("#aName").val();
        obj.Area = $("#Ss option:selected").text() + $("#q option:selected").text();
        obj.Dzhi = $("#Dzhi").val();
        obj.hanSet = $("#hanSet").val();
        $.ajax({
            url: "/Add/Add",
            data: { model:obj },
            dataType: "json",
            type: "post",
            success: function (d) {
                if (d > 0) {
                    alert("新增成功!");
                    location.href = '/Address/Index';
                }
                else {
                    alert("新增失敗!");
                }
            }
        })
    }
    //繫結下拉 省市繫結
    function BandSel() {
        $.ajax({
            url: "/Add/GetSs",
            data: { qid:0},
            dataType: "json",
            type: "get",
            success: function (d) {
                $("#Ss").empty();
                $(d).each(function () {
                    var str = '<option value="' + this.Id + '">' + this.Name + '</option>';
                    $("#Ss").append(str);
                })
            }
        })
    }
    function BandQ() {
        $.ajax({
            url: "/Add/GetQx",
            data: { qid: $("#Ss").val() },
            dataType: "json",
            type: "get",
            success: function (d) {
                $("#q").empty();
                $(d).each(function () {
                    var str = '<option value="' + this.Id + '">' + this.Name + '</option>';
                    $("#q").append(str);
                })
            }
        })
    }
</script>

Add.cshtml

5.還望大佬們多多提一些修改意見,我會努力慢慢去改正的.

關於c#購物車的地址的增刪改查(mvc,詳細註釋)

就是簡簡單單的增刪改查,也沒什麼特殊的或者特別難的業務邏輯,二級聯動用一張表的自連線做的,註釋都加在程式碼中了,不多說了,程式碼如下:

pandas 批量修改列名_Pandas增刪改查的詳細總結

技術標籤：pandas 批量修改列名 Numpy和Pandas是Python進行資料分析的基礎庫，當初學習Pandas就買了《利用Python進行資料分析》這本書來看，書非常棒，既深入又通俗，而且這本書的原作者就是Pandas庫的主要建立

四叉樹C++實現（增刪改查，找鄰居）

技術標籤：幾何體資料結構資料結構好久好久沒更過了，因為入坑了一本天書的緣故，有一些比較特別的資料結構需要學一下，第一個就是這個四叉樹，工作佔的時間太多了，只能用剩下的時間來學一學了，話不多說，先來

visual studio2019連線SQL Server資料庫，增刪改查詳細教程（C#程式碼）

工具： 1.Visual Studio 2019 2.SQL Server資料庫（我使用的2008）操作： 1.開啟SQL Server，開啟後會看到資料庫的初始連結介面。（如下圖）

c#對XML文件的建立與增刪改查的示例程式碼

一、建立的第一種方式 //1、建立一個XML文件 XmlDocument doc = new XmlDocument(); //2、建立第一行描述資訊

MySQL 詳細單表增刪改查crud語句

MySQL 增刪改查語句 1.建立練習表這裡練習表沒有滿足三正規化第一正規化（又稱 1NF）：保證每列的原子性

NX二次開發-NX訪問SqlServer資料庫(增刪改查)C#版

版本：NX9+VS2012+SqlServer2008r2 以前我寫過一個NX訪問MySQL資料庫(增刪改查)的文章https://www.cnblogs.com/nxopen2018/p/12297590.html

【C#】基於depper用Main函式呼叫Sql增刪改查方法

namespace ConsoleApp2 { public class SqlOperation { static void Main(string[] args) { Console.WriteLine(\"請輸入需要的功能：\");

NX二次開發-NX連線SqlServer資料庫(增刪改查)C++版

版本：客戶端NX11+VS2013 伺服器windowsServer2012R2+SqlServer2014 使用了ADO方式連線，詳細步驟就不寫了，可自行百度或參考C#那篇https://www.cnblogs.com/nxopen2018/p/13687882.html

elasticsearch（增刪改查詳細版）

文件操作最後有幾句很重要的話!hhhhhh 1、插入 PUT test02/user/3{\"name\":\"李四\",\"age\":\"22\",\"dec\":\"合法公民\",\"tags\":[\"交友\",\"旅遊\",\"愛吃雞\"]}

C#操作Active Directory(AD)增刪改查（各種操作）

public class OperateAD { #region 變數 /// <summary> /// 域名 /// </summary> private string _domain;

C語言單鏈表的基本操作（增刪改查）

單鏈表比較適合用來做佇列，因為在連結串列的頭和尾時的增刪改查的時間複雜度為O(1)，而在連結串列內部的增刪改查的平均時間複雜度力O(n)。

C語言——單向連結串列與增刪改查

技術標籤：資料結構與演算法連結串列指標c語言文章目錄認識連結串列建立單向連結串列連結串列的增刪改查

資料結構——連結串列的簡單實現增刪改查以及合併（C語言）

技術標籤：資料結構資料結構連結串列連結串列的簡單實現什麼是連結串列程式碼的實現連結串列的結構體

C基於 postgresql-devel 連線postgresql 資料庫,實現增刪改查的程式碼封裝

yum install postgresql-devel 安裝連線postgresql 相關的庫編寫 main.c 使用 gcc -g main.c -o main -I /usr/include -L /usr/lib64 -lpq 編譯, 引數詳解

Vue在Mvc中的增刪改查

Vue在Mvc中的增刪改查新增：使用v-model（雙向繫結）可以給所有的標籤使用 <input id=\"Name\" type=\"text\" v-model=\"fromData.Name\" />

c#利用反射與泛型實現crud增刪改查(持續更新)

解釋都在註釋裡了,會不斷更新 using System; using System.Collections.Generic; using System.Linq;

ADO.NET基礎（增刪改查） C#應用

ADO.NET是一種資料訪問技術，就是將C#和MSSQL連線起來的一個紐帶。可以通過ADO.NET將記憶體中的臨時資料寫入到資料庫中，也可以將資料庫中的資料提取到記憶體中供程式呼叫。

C# 增刪改查例項

本次實現的是visual studio 的窗體應用程式+sql server的增刪改查操作。 1.首先看一下資料庫的表結構，比較簡單，只有一個表

C#Xml的三種建立方式（或者是兩種？）和增刪改查

一.Xml的建立方式 Xmlwriter（流式讀取，Stream）寫過了：https://www.cnblogs.com/dengzhekaihua/p/15438493.html 這種方法雖然快，但是隻能寫一遍，一次性全部寫完，不方便進行修改

關於c#購物車的地址的增刪改查(mvc,詳細註釋)

相關推薦