建完資料庫,我們就可以開發了
1. 建立一個BookShop的ASP.NET MVC Web Application
2. 選擇不產生測試工程(後面我們需要測試時,再手工建立)。
3.產生如下的解決方案
4: 我們使用預設的MVC結構。 Model主要提供資料,Controller主要完成商務邏輯,View主要是用來和使用者互動(下面的圖來自Scottegu)
5. 我們計劃如下的路徑來訪問我們的功能(我們用管理員的use case 來執行個體)
URL Format |
行為 |
URL Example |
/Category/List |
瀏覽圖書所有目錄 |
/Category/List |
/Category/Edit/id |
編輯一個類別 |
/Category/Edit/1 |
/Category/Delete/id |
刪除一個類別 |
/Category/Delete/2 |
6. 接下來我們為管理員建立一個主版頁面,主版頁面是一個共用的頁面,也就是被多個頁面使用,所以我們放在Views/Shared目錄下,我們修改預設的Site.Master為如下內容
<%@ Master Language="C#" AutoEventWireup="true" CodeBehind="Site.master.cs" Inherits="BookShop.Views.Shared.Site" %><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head runat="server"><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /><title>Book Shop</title><link href="http://www.cnblogs.com/Content/Site.css" rel="stylesheet" type="text/css" /></head><body><div id="header"><ul><li><a href="Category/List">Category</a></li><li><a href="Author/List">Author</a></li><li><a href="User/List">User</a></li><li><a href="Comment/List">Comment</a></li><li><a href="Order/List">Order</a></li></ul></div><div id="content"><asp:ContentPlaceHolder ID="MainContentPlaceHolder" runat="server"></asp:ContentPlaceHolder></div></body></html>
7. 修改Site.css為如下內容
css
#header
{
width:100%;
margin:0px;
padding:5px;
border:0px;
border-bottom:solid 1px #000;
}
#header ul
{
list-style-type:none;
}
#header ul li
{
list-style-type:none;
float:left;
margin:5px;
}
.clear
{
clear: both;
}
8. 至此,管理員的主版頁面完成
9. 介面是比較簡陋,我們會在後續開放中慢慢來美化。