• 欢迎访问搞代码网站,推荐使用最新版火狐浏览器和Chrome浏览器访问本网站!
  • 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏搞代码吧

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

asp 搞代码 4年前 (2022-01-03) 29次浏览 已收录 0个评论

MVC4制作网站教程第一篇,创建项目,网站配置,从最基本的操作入手,帮助大家了解MVC4网站入门制作的过程,感兴趣的小伙伴们可以参考一下

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

感觉界面还是不错的。

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

509M很快就下载完,然后安装。

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

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

学习正式开始:

打开VS Express for Web ->新建项目

下一步

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

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

运行一下看看效果。

界面很不错。

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

删除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。修改后式样如下:

修改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/j<b style="color:transparent">来源gao@dai!ma.com搞$代^码网</b>query.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 修改数据库连接为

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

最终界面如下:

以上就是MVC4制作网站教程第一篇 绪论的详细内容,更多请关注gaodaima搞代码网其它相关文章!


搞代码网(gaodaima.com)提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected],我们会在看到邮件的第一时间内为您处理,或直接联系QQ:872152909。本网站采用BY-NC-SA协议进行授权
转载请注明原文链接:MVC4制作网站教程第一篇 绪论

喜欢 (0)
[搞代码]
分享 (0)
发表我的评论
取消评论

表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址