.net core mvc初级教程（三）

一、更正popper.js的错误
二、打包js
三、添加服务与路由，中间件

一、更正popper.js的错误

emmm，今天来更正些昨天的错误
那个package.json里面的popper改为"popper.js": “1.14.6”,后面的版本也改下，然后点击保存

{
  "version": "1.0.0",
  "name": "asp.net",
  "private": true,
  "devDependencies": {
    "bootstrap": "4.2.1",
    "jquery-slim": "3.0.0",
    "popper.js": "1.14.6"
  }
}

二、打包js

在wwwroot/js文件夹下添加site.js
然后打开bundleconfig.json进行js打包操作

[
  {
    "outputFileName": "wwwroot/css/all.min.css",
    "inputFiles": [
      "node_modules/bootstrap/dist/css/bootstrap.css",
      "wwwroot/css/site.css"
    ]
  },
  //上面用于开发
  //下面用于生产
  {
    "outputFileName": "wwwroot/css/bootstrap.css",
    "inputFiles": [
      "node_modules/bootstrap/dist/css/bootstrap.css"
    ],
    "minify": {
      "enabled": false //意为没有对它进行压缩
    }
  },
  //js
  {
    "outputFileName": "wwwroot/js/all.min.js",
    "inputFiles": [
      "node_modules/jquery-slim/dist/jquery.slim.js",
      "node_modules/popper.js/dist/js/popper.js",
      "node_modules/bootstrap/dist/js/bootstrap.js",
      "wwwroot/js/site.js"
    ],
    "minify": {
      "enabled": true,
      "renameLocals": true //true重命名局部变量
    },
    "sourceMap": false //一个存储源代码与编译代码对应位置映射的信息文件
  },
  {
    "outputFileName": "wwwroot/js/vendor.js",
    "inputFiles": [
      "node_modules/jquery-slim/dist/jquery.slim.js",
      "node_modules/popper.js/dist/js/popper.js",
      "node_modules/bootstrap/dist/js/bootstrap.js"
    ],
    "minify": {
      "enabled": false
    }
  }
]

然后点击解决方案，店家重新生成

js文件夹就会多出两个

三、添加服务与路由，中间件

接下来就是添加服务与中间件了
打开stratup类，在ConfigureServices方法中添加

services.AddMvc();注册服务

在Configure方法
去掉
app.Run(async (context) =>
{
await context.Response.WriteAsync(“Hello World!”);
});

添加默认路由
app.UseMvc(routes =>
{
//默认路由：没有指定url和controller情况下会默认找到下面这个
routes.MapRoute(
name: “default”,
template: “{controller=Home}/{action=Index}/{id?}”);
});

打开launchSettings.json，把这个去掉，可直接打开控制台

打开浏览器输入localhost:5000

扫描二维码关注公众号，回复： 4710704 查看本文章

却发现什么都没

然后在Configure方法添加

//显示错误
app.UseStatusCodePages();

//加载wwwroot文件夹下css,js
app.UseStaticFiles()

这两个方法，作用都备注了;

再运行，输入网址

这个是默认显示的错误

还可以自己添加自定义错误输出
app.UseStatusCodePagesWithRedirects();
这里就不用了

stratup类代码

using System;
using System.Collections.Generic;
using System.Linq;
using System.Threading.Tasks;
using DemoCoreStudy.Serivce;
using Microsoft.AspNetCore.Builder;
using Microsoft.AspNetCore.Hosting;
using Microsoft.AspNetCore.Http;
using Microsoft.AspNetCore.Routing;
using Microsoft.Extensions.DependencyInjection;

namespace DemoCoreStudy
{
    public class Startup
    {
        // This method gets called by the runtime. Use this method to add services to the container.
        // For more information on how to configure your application, visit https://go.microsoft.com/fwlink/?LinkID=398940
        public void ConfigureServices(IServiceCollection services)
        {
            services.AddMvc();

            services.AddSingleton<ICinemaService, CinemaMemoryService>();
            services.AddSingleton<IMovieService, MovieMemoryService>();
        }

        // This method gets called by the runtime. Use this method to configure the HTTP request pipeline.
        public void Configure(IApplicationBuilder app, IHostingEnvironment env)
        {
            if (env.IsDevelopment())
            {
                app.UseDeveloperExceptionPage();
            }

            //显示错误
            //app.UseStatusCodePages();

            //添加自定义错误
            //app.UseStatusCodePagesWithRedirects();

            //加载wwwroot文件夹下css,js
            app.UseStaticFiles();

            app.UseMvc(routes =>
                {
                    //默认路由：没有指定url和controller情况下会默认找到下面这个
                    routes.MapRoute(
                        name: "default", 
                        template: "{controller=Home}/{action=Index}/{id?}");
                });
        }
    }
}