Chức năng quảng lý danh mục băng c# MVC
Layout.cshtml
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>@ViewBag.Title Admin site atcsmart</title>
<!-- Tell the browser to be responsive to screen width -->
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
<!-- Bootstrap 3.3.7 -->
<link rel="stylesheet" href="/theme/bower_components/bootstrap/dist/css/bootstrap.min.css">
<!-- Font Awesome -->
<link rel="stylesheet" href="/theme/bower_components/font-awesome/css/font-awesome.min.css">
<!-- Ionicons -->
<link rel="stylesheet" href="/theme/bower_components/Ionicons/css/ionicons.min.css">
<!-- Theme style -->
<link rel="stylesheet" href="/theme/dist/css/AdminLTE.min.css">
<!-- AdminLTE Skins. Choose a skin from the css/skins
folder instead of downloading all of them to reduce the load. -->
<link rel="stylesheet" href="/theme/dist/css/skins/_all-skins.min.css">
<!-- Morris chart -->
<link rel="stylesheet" href="/theme/bower_components/morris.js/morris.css">
<!-- jvectormap -->
<link rel="stylesheet" href="/theme/bower_components/jvectormap/jquery-jvectormap.css">
<!-- Date Picker -->
<link rel="stylesheet" href="/theme/bower_components/bootstrap-datepicker/dist/css/bootstrap-datepicker.min.css">
<!-- Daterange picker -->
<link rel="stylesheet" href="/theme/bower_components/bootstrap-daterangepicker/daterangepicker.css">
<!-- bootstrap wysihtml5 - text editor -->
<link rel="stylesheet" href="/theme/plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.min.css">
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
<!-- Google Font -->
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,300italic,400italic,600italic">
</head>
<body class="hold-transition skin-blue sidebar-mini">
<div class="wrapper">
<header class="main-header">
<!-- Logo -->
<a href="/theme//admin" class="logo">
<!-- mini logo for sidebar mini 50x50 pixels -->
<span class="logo-mini"><b>A</b>TC</span>
<!-- logo for regular state and mobile devices -->
<span class="logo-lg"><b>Admin</b>ATC</span>
</a>
<!-- Header Navbar: style can be found in header.less -->
<nav class="navbar navbar-static-top">
<!-- Sidebar toggle button-->
<a href="#" class="sidebar-toggle" data-toggle="push-menu" role="button">
<span class="sr-only">Toggle navigation</span>
</a>
<div class="navbar-custom-menu">
<ul class="nav navbar-nav">
<!-- Messages: style can be found in dropdown.less-->
<li class="dropdown messages-menu">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">
<i class="fa fa-envelope-o"></i>
<span class="label label-success">4</span>
</a>
<ul class="dropdown-menu">
<li class="header">You have 4 messages</li>
<li>
<!-- inner menu: contains the actual data -->
<ul class="menu">
<li><!-- start message -->
<a href="#">
<div class="pull-left">
<img src="/theme//dist/img/user2-160x160.jpg" class="img-circle" alt="User Image">
</div>
<h4>
Support Team
<small><i class="fa fa-clock-o"></i> 5 mins</small>
</h4>
<p>Why not buy a new awesome theme?</p>
</a>
</li>
<!-- end message -->
<li>
<a href="#">
<div class="pull-left">
<img src="/theme//dist/img/user3-128x128.jpg" class="img-circle" alt="User Image">
</div>
<h4>
AdminLTE Design Team
<small><i class="fa fa-clock-o"></i> 2 hours</small>
</h4>
<p>Why not buy a new awesome theme?</p>
</a>
</li>
<li>
<a href="#">
<div class="pull-left">
<img src="/theme//dist/img/user4-128x128.jpg" class="img-circle" alt="User Image">
</div>
<h4>
Developers
<small><i class="fa fa-clock-o"></i> Today</small>
</h4>
<p>Why not buy a new awesome theme?</p>
</a>
</li>
<li>
<a href="#">
<div class="pull-left">
<img src="/theme//dist/img/user3-128x128.jpg" class="img-circle" alt="User Image">
</div>
<h4>
Sales Department
<small><i class="fa fa-clock-o"></i> Yesterday</small>
</h4>
<p>Why not buy a new awesome theme?</p>
</a>
</li>
<li>
<a href="#">
<div class="pull-left">
<img src="/theme//dist/img/user4-128x128.jpg" class="img-circle" alt="User Image">
</div>
<h4>
Reviewers
<small><i class="fa fa-clock-o"></i> 2 days</small>
</h4>
<p>Why not buy a new awesome theme?</p>
</a>
</li>
</ul>
</li>
<li class="footer"><a href="#">See All Messages</a></li>
</ul>
</li>
<!-- Notifications: style can be found in dropdown.less -->
<li class="dropdown notifications-menu">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">
<i class="fa fa-bell-o"></i>
<span class="label label-warning">10</span>
</a>
<ul class="dropdown-menu">
<li class="header">You have 10 notifications</li>
<li>
<!-- inner menu: contains the actual data -->
<ul class="menu">
<li>
<a href="#">
<i class="fa fa-users text-aqua"></i> 5 new members joined today
</a>
</li>
<li>
<a href="#">
<i class="fa fa-warning text-yellow"></i> Very long description here that may not fit into the
page and may cause design problems
</a>
</li>
<li>
<a href="#">
<i class="fa fa-users text-red"></i> 5 new members joined
</a>
</li>
<li>
<a href="#">
<i class="fa fa-shopping-cart text-green"></i> 25 sales made
</a>
</li>
<li>
<a href="#">
<i class="fa fa-user text-red"></i> You changed your username
</a>
</li>
</ul>
</li>
<li class="footer"><a href="#">View all</a></li>
</ul>
</li>
<!-- Tasks: style can be found in dropdown.less -->
<li class="dropdown tasks-menu">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">
<i class="fa fa-flag-o"></i>
<span class="label label-danger">9</span>
</a>
<ul class="dropdown-menu">
<li class="header">You have 9 tasks</li>
<li>
<!-- inner menu: contains the actual data -->
<ul class="menu">
<li><!-- Task item -->
<a href="#">
<h3>
Design some buttons
<small class="pull-right">20%</small>
</h3>
<div class="progress xs">
<div class="progress-bar progress-bar-aqua" style="width: 20%" role="progressbar"
aria-valuenow="20" aria-valuemin="0" aria-valuemax="100">
<span class="sr-only">20% Complete</span>
</div>
</div>
</a>
</li>
<!-- end task item -->
<li><!-- Task item -->
<a href="#">
<h3>
Create a nice theme
<small class="pull-right">40%</small>
</h3>
<div class="progress xs">
<div class="progress-bar progress-bar-green" style="width: 40%" role="progressbar"
aria-valuenow="20" aria-valuemin="0" aria-valuemax="100">
<span class="sr-only">40% Complete</span>
</div>
</div>
</a>
</li>
<!-- end task item -->
<li><!-- Task item -->
<a href="#">
<h3>
Some task I need to do
<small class="pull-right">60%</small>
</h3>
<div class="progress xs">
<div class="progress-bar progress-bar-red" style="width: 60%" role="progressbar"
aria-valuenow="20" aria-valuemin="0" aria-valuemax="100">
<span class="sr-only">60% Complete</span>
</div>
</div>
</a>
</li>
<!-- end task item -->
<li><!-- Task item -->
<a href="#">
<h3>
Make beautiful transitions
<small class="pull-right">80%</small>
</h3>
<div class="progress xs">
<div class="progress-bar progress-bar-yellow" style="width: 80%" role="progressbar"
aria-valuenow="20" aria-valuemin="0" aria-valuemax="100">
<span class="sr-only">80% Complete</span>
</div>
</div>
</a>
</li>
<!-- end task item -->
</ul>
</li>
<li class="footer">
<a href="#">View all tasks</a>
</li>
</ul>
</li>
<!-- User Account: style can be found in dropdown.less -->
<li class="dropdown user user-menu">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">
<img src="/theme//dist/img/user2-160x160.jpg" class="user-image" alt="User Image">
<span class="hidden-xs">Alexander Pierce</span>
</a>
<ul class="dropdown-menu">
<!-- User image -->
<li class="user-header">
<img src="/theme//dist/img/user2-160x160.jpg" class="img-circle" alt="User Image">
<p>
Alexander Pierce - Web Developer
<small>Member since Nov. 2012</small>
</p>
</li>
<!-- Menu Body -->
<li class="user-body">
<div class="row">
<div class="col-xs-4 text-center">
<a href="#">Followers</a>
</div>
<div class="col-xs-4 text-center">
<a href="#">Sales</a>
</div>
<div class="col-xs-4 text-center">
<a href="#">Friends</a>
</div>
</div>
<!-- /.row -->
</li>
<!-- Menu Footer-->
<li class="user-footer">
<div class="pull-left">
<a href="#" class="btn btn-default btn-flat">Profile</a>
</div>
<div class="pull-right">
<a href="#" class="btn btn-default btn-flat">Sign out</a>
</div>
</li>
</ul>
</li>
<!-- Control Sidebar Toggle Button -->
<li>
<a href="#" data-toggle="control-sidebar"><i class="fa fa-gears"></i></a>
</li>
</ul>
</div>
</nav>
</header>
<!-- Left side column. contains the logo and sidebar -->
<aside class="main-sidebar">
<!-- sidebar: style can be found in sidebar.less -->
<section class="sidebar">
<!-- Sidebar user panel -->
<div class="user-panel">
<div class="pull-left image">
<img src="/theme//dist/img/user2-160x160.jpg" class="img-circle" alt="User Image">
</div>
<div class="pull-left info">
<p>Admin</p>
<a href="#"><i class="fa fa-circle text-success"></i> Online</a>
</div>
</div>
<!-- search form -->
<form action="#" method="get" class="sidebar-form">
<div class="input-group">
<input type="text" name="q" class="form-control" placeholder="Search...">
<span class="input-group-btn">
<button type="submit" name="search" id="search-btn" class="btn btn-flat"><i class="fa fa-search"></i>
</button>
</span>
</div>
</form>
<!-- /.search form -->
<!-- sidebar menu: : style can be found in sidebar.less -->
<ul class="sidebar-menu" data-widget="tree">
<li class="header">MAIN NAVIGATION</li>
<li class="active treeview">
<a href="#">
<i class="fa fa-dashboard"></i> <span>Dashboard</span>
<span class="pull-right-container">
<i class="fa fa-angle-left pull-right"></i>
</span>
</a>
<ul class="treeview-menu">
<li class="active"><a href="index.html"><i class="fa fa-circle-o"></i> Dashboard v1</a></li>
<li><a href=""><i class="fa fa-circle-o"></i> Dashboard v2</a></li>
</ul>
</li>
<li class='active treeview'>
<a href='#'>
<i class='fa fa-gears'></i> <span>category</span>
<span class='pull-right-container'>
<i class='fa fa-angle-left pull-right'></i>
</span>
</a>
<ul class='treeview-menu' style='display: none;'>
<li class='active'><a href='/admin/category/add'><i class='fa fa-circle-o'></i>Thêm mới </a></li>
<li ><a href='/admin/category'><i class='fa fa-circle-o'></i>Quản lý category </a></li>
<li><a href='/admin/category/search'><i class='fa fa-circle-o'></i> Tìm kiếm </a></li>
</ul>
</li><li class=' treeview'>
<a href='#'>
<i class='fa fa-gears'></i> <span>Comment</span>
<span class='pull-right-container'>
<i class='fa fa-angle-left pull-right'></i>
</span>
</a>
<ul class='treeview-menu' style='display: none;'>
<li class='active'><a href='/admin/comment/add'><i class='fa fa-circle-o'></i>Thêm mới </a></li>
<li ><a href='/admin/comment'><i class='fa fa-circle-o'></i>Quản lý Comment </a></li>
<li><a href='/admin/comment/search'><i class='fa fa-circle-o'></i> Tìm kiếm </a></li>
</ul>
</li><li class=' treeview'>
<a href='#'>
<i class='fa fa-gears'></i> <span>Logurl</span>
<span class='pull-right-container'>
<i class='fa fa-angle-left pull-right'></i>
</span>
</a>
<ul class='treeview-menu' style='display: none;'>
<li class='active'><a href='/admin/logurl/add'><i class='fa fa-circle-o'></i>Thêm mới </a></li>
<li ><a href='/admin/logurl'><i class='fa fa-circle-o'></i>Quản lý Logurl </a></li>
<li><a href='/admin/logurl/search'><i class='fa fa-circle-o'></i> Tìm kiếm </a></li>
</ul>
</li><li class=' treeview'>
<a href='#'>
<i class='fa fa-gears'></i> <span>Managers</span>
<span class='pull-right-container'>
<i class='fa fa-angle-left pull-right'></i>
</span>
</a>
<ul class='treeview-menu' style='display: none;'>
<li class='active'><a href='/admin/managers/add'><i class='fa fa-circle-o'></i>Thêm mới </a></li>
<li ><a href='/admin/managers'><i class='fa fa-circle-o'></i>Quản lý Managers </a></li>
<li><a href='/admin/managers/search'><i class='fa fa-circle-o'></i> Tìm kiếm </a></li>
</ul>
</li><li class=' treeview'>
<a href='#'>
<i class='fa fa-gears'></i> <span>Member</span>
<span class='pull-right-container'>
<i class='fa fa-angle-left pull-right'></i>
</span>
</a>
<ul class='treeview-menu' style='display: none;'>
<li class='active'><a href='/admin/member/add'><i class='fa fa-circle-o'></i>Thêm mới </a></li>
<li ><a href='/admin/member'><i class='fa fa-circle-o'></i>Quản lý Member </a></li>
<li><a href='/admin/member/search'><i class='fa fa-circle-o'></i> Tìm kiếm </a></li>
</ul>
</li><li class=' treeview'>
<a href='#'>
<i class='fa fa-gears'></i> <span>Money</span>
<span class='pull-right-container'>
<i class='fa fa-angle-left pull-right'></i>
</span>
</a>
<ul class='treeview-menu' style='display: none;'>
<li class='active'><a href='/admin/money/add'><i class='fa fa-circle-o'></i>Thêm mới </a></li>
<li ><a href='/admin/money'><i class='fa fa-circle-o'></i>Quản lý Money </a></li>
<li><a href='/admin/money/search'><i class='fa fa-circle-o'></i> Tìm kiếm </a></li>
</ul>
</li><li class=' treeview'>
<a href='#'>
<i class='fa fa-gears'></i> <span>Permision</span>
<span class='pull-right-container'>
<i class='fa fa-angle-left pull-right'></i>
</span>
</a>
<ul class='treeview-menu' style='display: none;'>
<li class='active'><a href='/admin/permision/add'><i class='fa fa-circle-o'></i>Thêm mới </a></li>
<li ><a href='/admin/permision'><i class='fa fa-circle-o'></i>Quản lý Permision </a></li>
<li><a href='/admin/permision/search'><i class='fa fa-circle-o'></i> Tìm kiếm </a></li>
</ul>
</li><li class=' treeview'>
<a href='#'>
<i class='fa fa-gears'></i> <span>Project</span>
<span class='pull-right-container'>
<i class='fa fa-angle-left pull-right'></i>
</span>
</a>
<ul class='treeview-menu' style='display: none;'>
<li class='active'><a href='/admin/project/add'><i class='fa fa-circle-o'></i>Thêm mới </a></li>
<li ><a href='/admin/project'><i class='fa fa-circle-o'></i>Quản lý Project </a></li>
<li><a href='/admin/project/search'><i class='fa fa-circle-o'></i> Tìm kiếm </a></li>
</ul>
</li><li class=' treeview'>
<a href='#'>
<i class='fa fa-gears'></i> <span>TranLog</span>
<span class='pull-right-container'>
<i class='fa fa-angle-left pull-right'></i>
</span>
</a>
<ul class='treeview-menu' style='display: none;'>
<li class='active'><a href='/admin/tranlog/add'><i class='fa fa-circle-o'></i>Thêm mới </a></li>
<li ><a href='/admin/tranlog'><i class='fa fa-circle-o'></i>Quản lý TranLog </a></li>
<li><a href='/admin/tranlog/search'><i class='fa fa-circle-o'></i> Tìm kiếm </a></li>
</ul>
</li><li class=' treeview'>
<a href='#'>
<i class='fa fa-gears'></i> <span>Type</span>
<span class='pull-right-container'>
<i class='fa fa-angle-left pull-right'></i>
</span>
</a>
<ul class='treeview-menu' style='display: none;'>
<li class='active'><a href='/admin/type/add'><i class='fa fa-circle-o'></i>Thêm mới </a></li>
<li ><a href='/admin/type'><i class='fa fa-circle-o'></i>Quản lý Type </a></li>
<li><a href='/admin/type/search'><i class='fa fa-circle-o'></i> Tìm kiếm </a></li>
</ul>
</li><li class=' treeview'>
<a href='#'>
<i class='fa fa-gears'></i> <span>User</span>
<span class='pull-right-container'>
<i class='fa fa-angle-left pull-right'></i>
</span>
</a>
<ul class='treeview-menu' style='display: none;'>
<li class='active'><a href='/admin/user/add'><i class='fa fa-circle-o'></i>Thêm mới </a></li>
<li ><a href='/admin/user'><i class='fa fa-circle-o'></i>Quản lý User </a></li>
<li><a href='/admin/user/search'><i class='fa fa-circle-o'></i> Tìm kiếm </a></li>
</ul>
</li><li class=' treeview'>
<a href='#'>
<i class='fa fa-gears'></i> <span>Blog</span>
<span class='pull-right-container'>
<i class='fa fa-angle-left pull-right'></i>
</span>
</a>
<ul class='treeview-menu' style='display: none;'>
<li class='active'><a href='/admin/blog/add'><i class='fa fa-circle-o'></i>Thêm mới </a></li>
<li ><a href='/admin/blog'><i class='fa fa-circle-o'></i>Quản lý Blog </a></li>
<li><a href='/admin/blog/search'><i class='fa fa-circle-o'></i> Tìm kiếm </a></li>
</ul>
</li>
</ul>
</section>
<!-- /.sidebar -->
</aside>
<!-- Content Wrapper. Contains page content -->
<div class="content-wrapper">
@RenderBody()
</div>
<!-- /.content-wrapper -->
<footer class="main-footer">
<div class="pull-right hidden-xs">
<b>Version</b> 2019
</div>
<strong>Copyright © 2019 <a href="#">ATC Smarts </a>.</strong> All rights
reserved.
</footer>
<!-- Control Sidebar -->
<aside class="control-sidebar control-sidebar-dark">
<!-- Create the tabs -->
<ul class="nav nav-tabs nav-justified control-sidebar-tabs">
<li><a href="#control-sidebar-home-tab" data-toggle="tab"><i class="fa fa-home"></i></a></li>
<li><a href="#control-sidebar-settings-tab" data-toggle="tab"><i class="fa fa-gears"></i></a></li>
</ul>
<!-- Tab panes -->
<div class="tab-content">
<!-- Home tab content -->
<div class="tab-pane" id="control-sidebar-home-tab">
<h3 class="control-sidebar-heading">Recent Activity</h3>
<ul class="control-sidebar-menu">
<li>
<a href="javascript:void(0)">
<i class="menu-icon fa fa-birthday-cake bg-red"></i>
<div class="menu-info">
<h4 class="control-sidebar-subheading">Langdon's Birthday</h4>
<p>Will be 23 on April 24th</p>
</div>
</a>
</li>
<li>
<a href="javascript:void(0)">
<i class="menu-icon fa fa-user bg-yellow"></i>
<div class="menu-info">
<h4 class="control-sidebar-subheading">Frodo Updated His Profile</h4>
<p>New phone +1(800)555-1234</p>
</div>
</a>
</li>
<li>
<a href="javascript:void(0)">
<i class="menu-icon fa fa-envelope-o bg-light-blue"></i>
<div class="menu-info">
<h4 class="control-sidebar-subheading">Nora Joined Mailing List</h4>
<p>[email protected]</p>
</div>
</a>
</li>
<li>
<a href="javascript:void(0)">
<i class="menu-icon fa fa-file-code-o bg-green"></i>
<div class="menu-info">
<h4 class="control-sidebar-subheading">Cron Job 254 Executed</h4>
<p>Execution time 5 seconds</p>
</div>
</a>
</li>
</ul>
<!-- /.control-sidebar-menu -->
<h3 class="control-sidebar-heading">Tasks Progress</h3>
<ul class="control-sidebar-menu">
<li>
<a href="javascript:void(0)">
<h4 class="control-sidebar-subheading">
Custom Template Design
<span class="label label-danger pull-right">70%</span>
</h4>
<div class="progress progress-xxs">
<div class="progress-bar progress-bar-danger" style="width: 70%"></div>
</div>
</a>
</li>
<li>
<a href="javascript:void(0)">
<h4 class="control-sidebar-subheading">
Update Resume
<span class="label label-success pull-right">95%</span>
</h4>
<div class="progress progress-xxs">
<div class="progress-bar progress-bar-success" style="width: 95%"></div>
</div>
</a>
</li>
<li>
<a href="javascript:void(0)">
<h4 class="control-sidebar-subheading">
Laravel Integration
<span class="label label-warning pull-right">50%</span>
</h4>
<div class="progress progress-xxs">
<div class="progress-bar progress-bar-warning" style="width: 50%"></div>
</div>
</a>
</li>
<li>
<a href="javascript:void(0)">
<h4 class="control-sidebar-subheading">
Back End Framework
<span class="label label-primary pull-right">68%</span>
</h4>
<div class="progress progress-xxs">
<div class="progress-bar progress-bar-primary" style="width: 68%"></div>
</div>
</a>
</li>
</ul>
<!-- /.control-sidebar-menu -->
</div>
<!-- /.tab-pane -->
<!-- Stats tab content -->
<div class="tab-pane" id="control-sidebar-stats-tab">Stats Tab Content</div>
<!-- /.tab-pane -->
<!-- Settings tab content -->
<div class="tab-pane" id="control-sidebar-settings-tab">
<form method="post">
<h3 class="control-sidebar-heading">General Settings</h3>
<div class="form-group">
<label class="control-sidebar-subheading">
Report panel usage
<input type="checkbox" class="pull-right" checked>
</label>
<p>
Some information about this general settings option
</p>
</div>
<!-- /.form-group -->
<div class="form-group">
<label class="control-sidebar-subheading">
Allow mail redirect
<input type="checkbox" class="pull-right" checked>
</label>
<p>
Other sets of options are available
</p>
</div>
<!-- /.form-group -->
<div class="form-group">
<label class="control-sidebar-subheading">
Expose author name in posts
<input type="checkbox" class="pull-right" checked>
</label>
<p>
Allow the user to show his name in blog posts
</p>
</div>
<!-- /.form-group -->
<h3 class="control-sidebar-heading">Chat Settings</h3>
<div class="form-group">
<label class="control-sidebar-subheading">
Show me as online
<input type="checkbox" class="pull-right" checked>
</label>
</div>
<!-- /.form-group -->
<div class="form-group">
<label class="control-sidebar-subheading">
Turn off notifications
<input type="checkbox" class="pull-right">
</label>
</div>
<!-- /.form-group -->
<div class="form-group">
<label class="control-sidebar-subheading">
Delete chat history
<a href="javascript:void(0)" class="text-red pull-right"><i class="fa fa-trash-o"></i></a>
</label>
</div>
<!-- /.form-group -->
</form>
</div>
<!-- /.tab-pane -->
</div>
</aside>
<!-- /.control-sidebar -->
<!-- Add the sidebar's background. This div must be placed
immediately after the control sidebar -->
<div class="control-sidebar-bg"></div>
</div>
<!-- ./wrapper -->
<!-- jQuery 3 -->
<script src="/theme/bower_components/jquery/dist/jquery.min.js"></script>
<!-- jQuery UI 1.11.4 -->
<script src="/theme/bower_components/jquery-ui/jquery-ui.min.js"></script>
<!-- Resolve conflict in jQuery UI tooltip with Bootstrap tooltip -->
<script>
$.widget.bridge('uibutton', $.ui.button);
</script>
<!-- Bootstrap 3.3.7 -->
<script src="/theme/bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
<!-- Morris.js charts -->
<script src="/theme/bower_components/raphael/raphael.min.js"></script>
<script src="/theme/bower_components/morris.js/morris.min.js"></script>
<!-- Sparkline -->
<script src="/theme/bower_components/jquery-sparkline/dist/jquery.sparkline.min.js"></script>
<!-- jvectormap -->
<script src="/theme/plugins/jvectormap/jquery-jvectormap-1.2.2.min.js"></script>
<script src="/theme/plugins/jvectormap/jquery-jvectormap-world-mill-en.js"></script>
<!-- jQuery Knob Chart -->
<script src="/theme/bower_components/jquery-knob/dist/jquery.knob.min.js"></script>
<!-- daterangepicker -->
<script src="/theme/bower_components/moment/min/moment.min.js"></script>
<script src="/theme/bower_components/bootstrap-daterangepicker/daterangepicker.js"></script>
<!-- datepicker -->
<script src="/theme/bower_components/bootstrap-datepicker/dist/js/bootstrap-datepicker.min.js"></script>
<!-- Bootstrap WYSIHTML5 -->
<script src="/theme/plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.all.min.js"></script>
<!-- Slimscroll -->
<script src="/theme/bower_components/jquery-slimscroll/jquery.slimscroll.min.js"></script>
<!-- FastClick -->
<script src="/theme/bower_components/fastclick/lib/fastclick.js"></script>
<!-- AdminLTE App -->
<script src="/theme/dist/js/adminlte.min.js"></script>
<!-- AdminLTE dashboard demo (This is only for demo purposes) -->
<script src="/theme/dist/js/pages/dashboard.js"></script>
<!-- AdminLTE for demo purposes -->
<script src="/theme/dist/js/demo.js"></script>
</body>
</html>
Code first
[Table("category")]
public class category
{
[ DatabaseGenerated(DatabaseGeneratedOption.Identity)]
[Key ]
public Int32 id { get; set; }
[MaxLength(200)]
public String name { get; set; }
public Int32 sort { get; set; }
public Int32 parrent { get; set; }
public Boolean status { get; set; }
[MaxLength(250)]
public String images { get; set; }
[MaxLength(10)]
public String lang { get; set; }
[MaxLength(1000)]
public String keyword { get; set; }
}
Controller .cs
using atcsmart.Areas.admin.Models;
using atcsmart.Models;
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Mvc;
namespace atcsmart.Areas.admin.Controllers
{
public class categoryController : Controller
{
atcsmartEntities db = new atcsmartEntities();
public ActionResult Index()
{
var data = db.category.OrderByDescending(x => x.id).ToList();
return View(data);
}
[HttpPost]
[HttpGet]
public ActionResult Delete(Int32 id)
{
var data = db.category.FirstOrDefault(x => x.id.Equals(id));
if (data != null)
{
var listdata = db.category.Where(x => x.id.Equals(data.id));
foreach (var item in listdata)
{
db.category.Remove(item);
}
db.category.Remove(data);
db.SaveChanges();
}
return RedirectToAction("Index", "category", new { id = data.id });
}
public ActionResult Edit(Int32 id)
{
var _category = db.category.FirstOrDefault(x => x.id.Equals(id));
categoryEdit model = new categoryEdit();
if (_category != null)
{
model.id= _category.id;
model.name= _category.name;
model.sort= _category.sort;
model.parrent= _category.parrent;
model.status= _category.status;
model.images= _category.images;
model.lang= _category.lang;
model.keyword= _category.keyword;
}
return View(model);
}
[HttpPost]
public ActionResult Edit(categoryEdit model)
{
if (ModelState.IsValid)
{
var _category = db.category.FirstOrDefault(x => x.id.Equals(model.id));
if ( _category != null)
{
_category.id = model.id;
_category.name = model.name;
_category.sort = model.sort;
_category.parrent = model.parrent;
_category.status = model.status;
_category.images = model.images;
_category.lang = model.lang;
_category.keyword = model.keyword;
db.SaveChanges();
ModelState.AddModelError("", "Đã Sửa Thành Công!");
}
}
return View(model);
}
public ActionResult Add()
{
categoryAdd model = new categoryAdd();
return View(model);
}
[HttpPost]
public ActionResult Add(categoryAdd model)
{
if (ModelState.IsValid)
{
category _category = new category();
var data = db.category.FirstOrDefault(x => x.id.Equals(model.id));
if (data == null)
{
_category.id = model.id;
_category.name = model.name;
_category.sort = model.sort;
_category.parrent = model.parrent;
_category.status = model.status;
_category.images = model.images;
_category.lang = model.lang;
_category.keyword = model.keyword;
db.category.Add(_category);
db.SaveChanges();
ModelState.AddModelError("", "Add new a item sucsecs full");
}
else
{
ModelState.AddModelError("", "tên này đã tồn tại. Hãy chọn tên khác");
}
}
return View(model);
}
}
}
File add.cshtml
@model category.categoryAdd
<!-- Content Header -->
<section class="content-header">
<h1>
<a href="/admin/category/index">
<button type="button" class="btn btn-flat btn-success"><i class="fa fa-mail-reply-all"></i> Trở về</button>
</a>
category Add
</h1>
<ol class="breadcrumb">
<li><a href="#"><i class="fa fa-dashboard"></i> Home</a></li>
<li><a href="#">category</a></li>
<li class="active"> category Add</li>
</ol>
</section>
<!-- Main content -->
<section class="content">
<div class="row">
@if(ViewBag.alert!=null) {
<div class="alert [email protected] alert-dismissible">
<button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
<h4><i class="icon fa [email protected]"></i> Thông báo!</h4>
@ViewBag.alert
</div>
}
<!-- column -->
<div class="box">
<div class="box-body">
<div class="panel panel-primary">
<div class="panel-heading">
<h3 class="panel-title"><i class="fa fa-plus"></i> category Add</h3>
</div>
<div class="box-body">
@using (Html.BeginForm("Add", "category", FormMethod.Post,new { @class = "form-horizontal", @id = "form-category" }))
{
@Html.ValidationSummary(true)
{
<div class="form-group">
<label class="col-sm-2 control-label">id</label>
<div class="col-sm-10">
@Html.TextBoxFor(x => x.id, new { disabled="disabled", placeholder="id", @class="form-control "})<br/>
@Html.ValidationMessageFor(model => model.id)</div>
</div>
<div class="form-group">
<label class="col-sm-2 control-label">name</label>
<div class="col-sm-10">
@Html.TextBoxFor(x => x.name, new { placeholder="name", @class="form-control "})<br/>
@Html.ValidationMessageFor(model => model.name)</div>
</div>
<div class="form-group">
<label class="col-sm-2 control-label">sort</label>
<div class="col-sm-10">
@Html.TextBoxFor(x => x.sort, new { placeholder="sort", @class="form-control "})<br/>
@Html.ValidationMessageFor(model => model.sort)</div>
</div>
<div class="form-group">
<label class="col-sm-2 control-label">parrent</label>
<div class="col-sm-10">
@Html.TextBoxFor(x => x.parrent, new { placeholder="parrent", @class="form-control "})<br/>
@Html.ValidationMessageFor(model => model.parrent)</div>
</div>
<div class="form-group">
<label class="col-sm-2 control-label">status</label>
<div class="col-sm-10">
@Html.CheckBoxFor(x => x.status, new { @style="position: absolute; opacity: 1;"}) <br/>
@Html.ValidationMessageFor(model => model.status)</div>
</div>
<div class="form-group">
<label class="col-sm-2 control-label">images</label>
<div class="col-sm-10">
@Html.TextBoxFor(x => x.images, new { placeholder="images", @class="form-control"}) <button id="anhimages" class="btn btn-success " type="button"><i class="fa fa-upload"></i> <span class="bold">Upload</span></button>
@Html.ValidationMessageFor(model => model.images)
</div>
</div>
<div class="form-group">
<label class="col-sm-2 control-label">lang</label>
<div class="col-sm-10">
@Html.TextBoxFor(x => x.lang, new { placeholder="lang", @class="form-control "})<br/>
@Html.ValidationMessageFor(model => model.lang)</div>
</div>
<div class="form-group">
<label class="col-sm-2 control-label">keyword</label>
<div class="col-sm-10">
@Html.TextBoxFor(x => x.keyword, new { placeholder="keyword", @class="form-control "})<br/>
@Html.ValidationMessageFor(model => model.keyword)</div>
</div>
<div align='right'>
<div class='box-footer'>
<button type='reset' class='btn btn-primary btn-flat'><i class='fa fa-times'> </i>Reset</button>
<button name='emp' type='submit' class='btn btn-success btn-flat'><i class='fa fa-save'> </i> Save changes</button>
</div>
</div>
}
}
</div>
</div>
</div>
</div>
</section>
File index.cshtml
<!-- Content Header (Page header) -->
<section class="content-header">
<h1>
category Index
</h1>
<ol class="breadcrumb">
<li><a href="#"><i class="fa fa-dashboard"></i> Home</a></li>
<li><a href="/admin/category">category</a></li>
<li class="active"> category Index</li>
</ol>
</section>
<!-- Main content -->
<section class="content">
<div class="row">
<section class="content">
<div class="box box-success">
<div class="box-body">
<div class="table-responsive">
<div class="box-body">
<form action="/admin/category/delete" method="post" enctype="multipart/form-data" id="form-category">
<a href="javascript:history.back()">
<button type="button" class="btn btn-flat btn-warning"><i class="fa fa-mail-reply-all"></i> Trở về</button>
</a>
<button type="button" class="btn btn-flat btn-danger" onclick="confirm('Xóa/Gỡ bỏ sẽ không phục hồi lại được! Bạn có chắc chắn muốn thực hiện việc này?') ? $('#form-category').submit() : false;" name="delete"><i class="fa fa-times"></i> Xóa chọn</button>
<button onclick="location.href='/admin/category/add'" type="button" class="btn btn-flat btn-success"><i class="fa fa-plus"></i> Thêm mới</button>
<hr>
<script type="text/javascript">
function Delete(x) {
if (confirm("Đối tượng sẽ bị xóa.Bạn có muốn không ?")) {
$.ajax({
type: "POST",
url: '@Url.Action("Delete", "category")',
data: { id: x }
});
}
}
$('#maintable').DataTable();
</script>
<div class="box-body">
<div >
@Html.ActionLink("Add new", "Add")
</div >
<table class=" table table-striped table-bordered table-hover " id="maintable" >
<thead>
<tr>
<th><input id="cbselectall" type="checkbox" onclick="$('input[name*=\'selected\']').prop('checked', this.checked);" /> </th>
<th>id</th>
<th>name</th>
<th>sort</th>
<th>parrent</th>
<th>status</th>
<th>images</th>
<th>lang</th>
<th>keyword</th>
<th>Chức năng</th>
</tr>
</thead>
<tbody>
@foreach (var item in Model)
{
<tr >
<td><input name="selected[]" value="@item.id" type="checkbox" /></td>
<td>@item.id</td>
<td>@item.name</td>
<td>@item.sort</td>
<td>@item.parrent</td>
<td>@item.status</td>
<td><img src="@item.images" style="width:100px; height:100px; margin:2px;"/></td>
<td>@item.lang</td>
<td>@item.keyword</td>
<td class="center">
<a class="btn btn-warning " href="/admin/category/Edit/@item.id" style="padding-bottom:1px;padding-top:1px; padding-left:5px;"><i class="fa fa-paste"></i> Edit </a>
<a class="btn btn-danger" onclick="Delete('@item.id')" data-id="@item.id" style="padding-bottom:1px;padding-top:1px; padding-left:5px;"><i class="fa fa-trash-o"></i>Delete</a></td>
</tr>
}
</tbody>
<tfoot>
<tr>
<th></th>
<th>id</th>
<th>name</th>
<th>sort</th>
<th>parrent</th>
<th>status</th>
<th>images</th>
<th>lang</th>
<th>keyword</th>
<th>Chức năng</th>
</tr>
</tfoot>
</table>
</div>
</form>
</div>
</div>
</div>
</div>
</section>
</div>
<!-- /.row -->
</section>
<!-- /.content -->
