如何用MVC4制作網(wǎng)站,很多新手對(duì)此不是很清楚,為了幫助大家解決這個(gè)難題,下面小編將為大家詳細(xì)講解,有這方面需求的人可以來(lái)學(xué)習(xí)下,希望你能有所收獲。
成都網(wǎng)站設(shè)計(jì)、成都做網(wǎng)站的開(kāi)發(fā),更需要了解用戶,從用戶角度來(lái)建設(shè)網(wǎng)站,獲得較好的用戶體驗(yàn)。創(chuàng)新互聯(lián)多年互聯(lián)網(wǎng)經(jīng)驗(yàn),見(jiàn)的多,溝通容易、能幫助客戶提出的運(yùn)營(yíng)建議。作為成都一家網(wǎng)絡(luò)公司,打造的就是網(wǎng)站建設(shè)產(chǎn)品直銷的概念。選擇創(chuàng)新互聯(lián),不只是建站,我們把建站作為產(chǎn)品,不斷的更新、完善,讓每位來(lái)訪用戶感受到浩方產(chǎn)品的價(jià)值服務(wù)。聽(tīng)說(shuō)Win8和v2012發(fā)布,今天心血來(lái)潮重裝了系統(tǒng)
感覺(jué)界面還是不錯(cuò)的。
安裝一下vs2012學(xué)習(xí)一下mvc4,居然沒(méi)找到Vs2012專業(yè)版破解的,干脆下載Express for Web ,算是支持正版吧!
509M很快就下載完,然后安裝。
安裝完界面,感覺(jué)跟vs2010還是有很多不同。
一兄弟說(shuō)學(xué)習(xí)好的方式就是獨(dú)立完成一個(gè)小東東,咱就準(zhǔn)備學(xué)做個(gè)小網(wǎng)站吧,名字想好了大氣一點(diǎn)姑且叫做NineskyCMS吧,反正CMS這個(gè)名字被用爛,我也跟風(fēng)一下,希望自己能把她完成。
學(xué)習(xí)正式開(kāi)始:
打開(kāi)VS Express for Web ->新建項(xiàng)目
下一步
確定,稍等一下創(chuàng)建項(xiàng)目完成。
看一下解決方案資源管理器,跟mvc3生成的文件夾還是有很大的不同
運(yùn)行一下看看效果。
界面很不錯(cuò)。
文件夾結(jié)構(gòu)很不喜歡改造一下:
刪除Filters下的InitializeSimpleMembershipAttribute;
刪除Images文件夾
刪除Controllers下的AccountController.cs;
刪除App_Start下的WebApiConfig.cs
打開(kāi)RouteConfig.cs文件
routes.MapRoute( name: "Default", url: "{controller}/{action}/{id}", defaults: new { controller = "Home", action = "Index", id = UrlParameter.Optional } );
將action = "Index",改為 action = "Default" 。呵呵,個(gè)人習(xí)慣,我更喜歡Default;
1、打開(kāi)HomeController 將public ActionResult Index()改為 public ActionResult Default(),刪除public ActionResult About()、public ActionResult Contact();
2、將Content文件夾改為Skins。修改后式樣如下:
修改BundleConfig.cs修改完如下:
namespace CMS { public class BundleConfig { // 有關(guān) Bundling 的詳細(xì)信息,請(qǐng)?jiān)L問(wèn) 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 的開(kāi)發(fā)版本進(jìn)行開(kāi)發(fā)和了解信息。然后,當(dāng)你做好 // 生產(chǎn)準(zhǔn)備時(shí),請(qǐng)使用 http://modernizr.com 上的生成工具來(lái)僅選擇所需的測(cè)試。 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、打開(kāi)web.config 修改數(shù)據(jù)庫(kù)連接為
OK!大功告成,世界終于清靜了!
最終界面如下:
看完上述內(nèi)容是否對(duì)您有幫助呢?如果還想對(duì)相關(guān)知識(shí)有進(jìn)一步的了解或閱讀更多相關(guān)文章,請(qǐng)關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道,感謝您對(duì)創(chuàng)新互聯(lián)網(wǎng)站建設(shè)公司,的支持。