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

MVC4制作网站教程第一篇 绪论

程序员文章站 2023-12-04 22:24:40
听说win8和v2012发布,今天心血来潮重装了系统 感觉界面还是不错的。 安装一下vs2012学习一下mvc4,居然没找到vs2012专业版破解的,干脆下载exp...

听说win8和v2012发布,今天心血来潮重装了系统

MVC4制作网站教程第一篇 绪论

感觉界面还是不错的。

安装一下vs2012学习一下mvc4,居然没找到vs2012专业版破解的,干脆下载express for web ,算是支持正版吧!

MVC4制作网站教程第一篇 绪论509m很快就下载完,然后安装。

MVC4制作网站教程第一篇 绪论

安装完界面,感觉跟vs2010还是有很多不同。

一兄弟说学习最好的方式就是独立完成一个小东东,咱就准备学做个小网站吧,名字想好了大气一点姑且叫做nineskycms吧,反正cms这个名字被用烂,我也跟风一下,希望自己能把她完成。

学习正式开始:

打开vs express for web ->新建项目

MVC4制作网站教程第一篇 绪论

下一步

MVC4制作网站教程第一篇 绪论

确定,稍等一下创建项目完成。

MVC4制作网站教程第一篇 绪论

看一下解决方案资源管理器,跟mvc3生成的文件夹还是有很大的不同

MVC4制作网站教程第一篇 绪论

运行一下看看效果。

MVC4制作网站教程第一篇 绪论

界面很不错。

文件夹结构很不喜欢改造一下:

删除filters下的initializesimplemembershipattribute;

删除images文件夹

删除controllers下的accountcontroller.cs;

删除app_start下的webapiconfig.cs

打开routeconfig.cs文件

routes.maproute(
name: "default", 
url: "{controller}/{action}/{id}", 
defaults: new { controller = "home", action = "index", id = urlparameter.optional } 
); 

将action = "index",改为 action = "default" 。呵呵,个人习惯,我更喜欢default;

1、打开homecontroller 将public actionresult index()改为 public actionresult default(),删除public actionresult about()、public actionresult contact();

2、将content文件夹改为skins。修改后式样如下:

MVC4制作网站教程第一篇 绪论

修改bundleconfig.cs修改完如下:

namespace cms
{
public class bundleconfig
{
// 有关 bundling 的详细信息,请访问 http://go.microsoft.com/fwlink/?linkid=254725
public static void registerbundles(bundlecollection bundles)
{
bundles.add(new scriptbundle("~/bundles/jquery").include(
"~/scripts/jquery-{version}.js"));

bundles.add(new scriptbundle("~/bundles/jqueryui").include(
"~/scripts/jquery-ui-{version}.js"));

bundles.add(new scriptbundle("~/bundles/jqueryval").include(
"~/scripts/jquery.unobtrusive*",
"~/scripts/jquery.validate*"));


// 使用 modernizr 的开发版本进行开发和了解信息。然后,当你做好
// 生产准备时,请使用 http://modernizr.com 上的生成工具来仅选择所需的测试。
bundles.add(new scriptbundle("~/bundles/modernizr").include(
"~/scripts/modernizr-*"));
bundles.add(new stylebundle("~/skins/css").include("~/skins/default/style.css"));
bundles.add(new stylebundle("~/skins/jquery-ui/css").include(
"~/skins/jquery-ui/jquery.ui.core.css",
"~/skins/jquery-ui/jquery.ui.resizable.css",
"~/skins/jquery-ui/jquery.ui.selectable.css",
"~/skins/jquery-ui/jquery.ui.accordion.css",
"~/skins/jquery-ui/jquery.ui.autocomplete.css",
"~/skins/jquery-ui/jquery.ui.button.css",
"~/skins/jquery-ui/jquery.ui.dialog.css",
"~/skins/jquery-ui/jquery.ui.slider.css",
"~/skins/jquery-ui/jquery.ui.tabs.css",
"~/skins/jquery-ui/jquery.ui.datepicker.css",
"~/skins/jquery-ui/jquery.ui.progressbar.css",
"~/skins/jquery-ui/jquery.ui.theme.css"));

}

}

1、删除vies/account,删除vies//home/about.cshtml,重命名index.cshtml为default.cshtml,删除shared/ _loginpartial.cshtml.cshtml,删除views/_viewstart.cshtml

2、打开web.config 修改数据库连接为<add name="defaultconnection" connectionstring="data source=(localdb)\v11.0;initial catalog=nineskycms;integrated security=sspi;attachdbfilename=|datadirectory|\nineskycms.mdf" providername="system.data.sqlclient" />

ok!大功告成,世界终于清静了!

最终界面如下:

MVC4制作网站教程第一篇 绪论

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。