当前位置：网站首页>Simple order management system small exercise

Simple order management system small exercise

2022-07-24 13:35:00 【51CTO】

asp.net mvc Field assignment method

Effect display

Simple order management system exercises _asp.net

The front-end code

       
       <
       
       div 
       
       class
       
       =
       
       "container"
       
       >
       
       <
       
       div 
       
       class
       
       =
       
       "info"
       
       >
       
       <
       
       p 
       
       style
       
       =
       
       "font-size:30px;margin:12px auto;width:300px;"
       
       >
       
        Simple order management system 
       
       </
       
       p
       
       >
       
       <
       
       hr 
       
       />
       
       <
       
       a 
       
       href
       
       =
       
       "Home/Add"
       
       >
       
        Add order 
       
       </
       
       a
       
       >
       
       <
       
       table 
       
       class
       
       =
       
       "table table-bordered"
       
       >
       
       <
       
       tr 
       
       style
       
       =
       
       "background-color:aquamarine"
       
       >
       
       <
       
       th
       
       >
       
        The order no. 
       
       </
       
       th
       
       >
       
       <
       
       th
       
       >
       
        Next single 
       
       </
       
       th
       
       >
       
       <
       
       th
       
       >
       
        Order date 
       
       </
       
       th
       
       >
       
       <
       
       th
       
       >
       
        The order status 
       
       </
       
       th
       
       >
       
       <
       
       th
       
       >
       
        operation 
       
       </
       
       th
       
       >
       
       </
       
       tr
       
       >
       
       @foreach (
       
       var 
       
       item 
       
       in 
       
       ViewBag.
       
       Lists)
       
            {
       
       <
       
       tr
       
       >
       
       <
       
       td
       
       >
       
       @item.
       
       OrderID
       
       </
       
       td
       
       >
       
       <
       
       td
       
       >
       
       @item.
       
       UserName
       
       </
       
       td
       
       >
       
       <
       
       td
       
       >
       
       @item.
       
       OrderDate.
       
       ToString(
       
       "yyyy year MM month dd Japan ")
       
       </
       
       td
       
       >
       
       @if (
       
       @item.
       
       OrderState 
       
       == 
       
       0)
       
                    {
       
       <
       
       td 
       
       style
       
       =
       
       "background-color:red"
       
       >
       
        Not delivered 
       
       </
       
       td
       
       >
       
       <
       
       td
       
       ><
       
       a 
       
       href
       
       =
       
       "/Home/[email protected]"
       
       >
       
        deliver goods 
       
       </
       
       a
       
       ></
       
       td
       
       >
       
                    }
       
       else
       
                    {
       
       <
       
       td
       
       >
       
        Shipped 
       
       </
       
       td
       
       >
       
       <
       
       td
       
       ></
       
       td
       
       >
       
                    }
       
       </
       
       tr
       
       >
       
            }
       
       </
       
       table
       
       >
       
       </
       
       div
       
       >
       
       </
       
       div
       
       >
      
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.

Additive effect

Simple order management system exercises _asp.net_02

The front-end code

       
       <!
       
       DOCTYPE 
       
       html
       
       >
       
       <
       
       html
       
       >
       
       <
       
       head
       
       >
       
       <
       
       meta 
       
       name
       
       =
       
       "viewport" 
       
       content
       
       =
       
       "width=device-width" 
       
       />
       
       <
       
       title
       
       >
       
        Add order 
       
       </
       
       title
       
       >
       
       <
       
       link 
       
       href
       
       =
       
       "~/Content/bootstrap.min.css" 
       
       rel
       
       =
       
       "stylesheet" 
       
       />
       
       </
       
       head
       
       >
       
       <
       
       body
       
       >
       
       <
       
       div 
       
       class
       
       =
       
       "container"
       
       >
       
       <
       
       p 
       
       style
       
       =
       
       "font-size:30px;margin-top:30px;"
       
       >
       
        Add order 
       
       </
       
       p
       
       >
       
       <
       
       hr 
       
       />
       
       <
       
       form 
       
       action
       
       =
       
       "/Home/Add" 
       
       method
       
       =
       
       "post"
       
       >
       
        Next single  
       
       <
       
       input 
       
       type
       
       =
       
       "text" 
       
       name
       
       =
       
       "UserName" 
       
       id
       
       =
       
       "UserName" 
       
       onblur
       
       =
       
       "checkName()" 
       
       class
       
       =
       
       "form-control" 
       
       style
       
       =
       
       "width:40%" 
       
       /><
       
       span 
       
       id
       
       =
       
       "Message" 
       
       style
       
       =
       
       "color:red"
       
       ></
       
       span
       
       ><
       
       br 
       
       />
       
        Order date  
       
       <
       
       input 
       
       type
       
       =
       
       "date" 
       
       name
       
       =
       
       "OrderDate" 
       
       id
       
       =
       
       "OrderDate" 
       
       class
       
       =
       
       "form-control" 
       
       style
       
       =
       
       "width:40%" 
       
       /><
       
       span 
       
       id
       
       =
       
       "Messagedate" 
       
       style
       
       =
       
       "color:red"
       
       ></
       
       span
       
       ><
       
       br 
       
       /><
       
       br 
       
       />
       
       <
       
       input 
       
       type
       
       =
       
       "submit" 
       
       class
       
       =
       
       "btn btn-block" 
       
       value
       
       =
       
       " add to " 
       
       style
       
       =
       
       "width:10%;margin-left:150px;" 
       
       /><
       
       br 
       
       />
       
       <
       
       span
       
       >
       
       @ViewBag.
       
       message
       
       </
       
       span
       
       >
       
       </
       
       form
       
       >
       
       </
       
       div
       
       >
       
       <
       
       script 
       
       src
       
       =
       
       "~/Scripts/jquery-3.4.1.min.js"
       
       ></
       
       script
       
       >
       
       <
       
       script 
       
       type
       
       =
       
       "text/javascript"
       
       >
       
       $(
       
       function(){
       
       // Execute the form validation function before submitting the form  checkForm
       
       $(
       
       "form").
       
       bind(
       
       "submit", 
       
       checkForm);
       
        });
       
       function 
       
       checkName() {
       
       if (
       
       $(
       
       "#UserName").
       
       val() 
       
       == 
       
       "") {
       
       $(
       
       "#Message").
       
       html(
       
       " The next person is required ");
       
       $(
       
       "#UserName").
       
       focus();
       
       return 
       
       false;
       
            } 
       
       else {
       
       $(
       
       "#Message").
       
       html(
       
       "");
       
            }
       
       return 
       
       true;  
       
       // Verification passed 
       
        }
       
       function 
       
       checkDate() {
       
       if (
       
       $(
       
       "#OrderDate").
       
       val() 
       
       == 
       
       "") {
       
       $(
       
       "#Messagedate").
       
       html(
       
       " Order date is required ");
       
       $(
       
       "#OrderDate").
       
       focus();
       
       return 
       
       false;
       
            } 
       
       else {
       
       $(
       
       "#Messagedate").
       
       html(
       
       "");
       
            }
       
       return 
       
       true;  
       
       // Verification passed 
       
        }
       
       function 
       
       checkForm() {
       
       if (
       
       checkName()
       
       &&
       
       checkDate())
       
       return 
       
       true;
       
       return 
       
       false;
       
        }
       
       </
       
       script
       
       >
       
       </
       
       body
       
       >
       
       </
       
       html
       
       >
       
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.

Background code

       
               [
       
       HttpGet]
       
       public 
       
       ActionResult 
       
       Add()
       
        {
       
       return 
       
       View();
       
        }
       
        [
       
       HttpPost]
       
       public 
       
       ActionResult 
       
       Add(
       
       OrderInfo 
       
       o)
       
        {
       
       if (
       
       o 
       
       != 
       
       null)
       
            {
       
       db.
       
       OrderInfo.
       
       Add(
       
       o);
       
       int 
       
       a 
       
       = 
       
       db.
       
       SaveChanges();
       
       if (
       
       a 
       
       == 
       
       1)
       
                {
       
       return 
       
       RedirectToAction(
       
       "Index");
       
                }
       
       else
       
                {
       
       ViewBag.
       
       message 
       
       = 
       
       " Add failure ";
       
       return 
       
       View();
       
                }
       
            }
       
       ViewBag.
       
       message 
       
       = 
       
       " Value is empty ";
       
       return 
       
       View();
       
        }
      
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.

Shipment background code

        
       public 
       
       ActionResult 
       
       Update(
       
       string 
       
       id)
       
        {
       
       if (
       
       id
       
       !=
       
       null)
       
            {
       
       OrderInfo 
       
       o 
       
       = 
       
       db.
       
       OrderInfo.
       
       Find(
       
       int.
       
       Parse(
       
       id));
       
       o.
       
       OrderState 
       
       = 
       
       1;
       
       db.
       
       SaveChanges();
       
       return 
       
       RedirectToAction(
       
       "Index");
       
            }
       
       return 
       
       RedirectToAction(
       
       "Index");
       
        }
      
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.

原网站

版权声明
本文为[51CTO]所创，转载请带上原文链接，感谢
https://yzsam.com/2022/205/202207241328154554.html

当前位置：网站首页>Simple order management system small exercise

Simple order management system small exercise

边栏推荐

猜你喜欢

随机推荐