欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

ASP.NET MVC+LINQ开发一个图书销售站点(4):创建一个ASP.NET MVC应用的原型

程序员文章站 2024-02-28 21:44:46
...

建完数据库,我们就可以开发了

1. 新建一个BookShop的ASP.NET MVC Web Application

ASP.NET MVC+LINQ开发一个图书销售站点(4):创建一个ASP.NET MVC应用的原型

2. 选择不生成测试工程(后面我们需要测试时,再手工新建)。

ASP.NET MVC+LINQ开发一个图书销售站点(4):创建一个ASP.NET MVC应用的原型

3.生成如下的解决方案

ASP.NET MVC+LINQ开发一个图书销售站点(4):创建一个ASP.NET MVC应用的原型

4: 我们使用默认的MVC结构。 Model主要提供数据,Controller主要完成业务逻辑,View主要是用来和用户交互(下面的图来自Scottegu)

ASP.NET MVC+LINQ开发一个图书销售站点(4):创建一个ASP.NET MVC应用的原型

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为如下内容

ASP.NET MVC+LINQ开发一个图书销售站点(4):创建一个ASP.NET MVC应用的原型ASP.NET MVC+LINQ开发一个图书销售站点(4):创建一个ASP.NET MVC应用的原型css
<!--<br /><br />Code highlighting produced by Actipro CodeHighlighter (freeware)<br />http://www.CodeHighlighter.com/<br /><br />-->#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. 至此,管理员的母版页完成

ASP.NET MVC+LINQ开发一个图书销售站点(4):创建一个ASP.NET MVC应用的原型

9. 界面是比较简陋,我们会在后续开放中慢慢来美化。

 

<style type="text/css">.csharpcode, .csharpcode pre { font-size: small; color: black; font-family: consolas, "Courier New", courier, monospace; background-color: #ffffff; /*white-space: pre;*/ } .csharpcode pre { margin: 0em; } .csharpcode .rem { color: #008000; } .csharpcode .kwrd { color: #0000ff; } .csharpcode .str { color: #006080; } .csharpcode .op { color: #0000c0; } .csharpcode .preproc { color: #cc6633; } .csharpcode .asp { background-color: #ffff00; } .csharpcode .html { color: #800000; } .csharpcode .attr { color: #ff0000; } .csharpcode .alt { background-color: #f4f4f4; width: 100%; margin: 0em; } .csharpcode .lnum { color: #606060; } </style>