하고 싶은 일

ASP.NET MVC에서 AdminLTE

를 사용하고 싶습니다.

Azure로 이동하고 싶어

생성된 소스 파일

https://github.com/shift-role/AdminLTE-MVC-Sample

컨디션

Visual Studio 2017

편안하게 작업할 수 있는 규격의 기계

웹 프로젝트 만들기

bower.json 생성

시작 명령 알림, 생성된 프로젝트의 폴더로 이동

bower init 를 입력하고 Enter 를 입력하면 다음과 같은 다양한 질문을 받을 수 있습니다.

일본인이기 때문에 YES를 모두 대답해야 한다.

bower.제이슨 완성.

프로젝트에 포함할 파일을 마우스 오른쪽 단추로 누르십시오

bower.json

  "dependencies": {
    "admin-lte": "v2.4.0"
  }

bower.json을 저장하면 자동으로 다운로드 시작

이런 느낌으로 다운받은 거

AdminLTE 설정

BundleConfig.cs 편집

using System.Web.Optimization;
using WebHelpers.Mvc5;

namespace WebApplication12
{
    public class BundleConfig
    {
        // For more information on bundling, visit https://go.microsoft.com/fwlink/?LinkId=301862
        public static void RegisterBundles(BundleCollection bundles)
        {
            bundles.Add(new StyleBundle("~/Bundles/css")
                .Include("~/bower_components/bootstrap/dist/css/bootstrap.css", new CssRewriteUrlTransformAbsolute())
                .Include("~/bower_components/select2/dist/css/select2.css")
                .Include("~/bower_components/bootstrap-datepicker/dist/css/bootstrap-datepicker3.css")
                .Include("~/bower_components/font-awesome/css/font-awesome.css", new CssRewriteUrlTransformAbsolute())
                .Include("~/bower_components/admin-lte/plugins/iCheck/minimal/blue.css", new CssRewriteUrlTransformAbsolute())
                .Include("~/bower_components/admin-lte/dist/css/AdminLTE.css", new CssRewriteUrlTransformAbsolute())
                .Include("~/bower_components/admin-lte/dist/css/skins/skin-blue.css"));

            bundles.Add(new ScriptBundle("~/Bundles/js")
                .Include("~/bower_components/respond/dist/respond.src.js")
                .Include("~/Scripts/modernizr-*")
                .Include("~/bower_components/jquery/dist/jquery.js")
                .Include("~/bower_components/admin-lte/plugins/jQueryUI/jquery-ui.js")
                .Include("~/bower_components/bootstrap/dist/js/bootstrap.js")
                .Include("~/bower_components/fastclick/lib/fastclick.js")
                .Include("~/bower_components/jquery-slimscroll/jquery.slimscroll.js")
                .Include("~/bower_components/select2/dist/js/select2.full.js")
                .Include("~/bower_components/moment/moment.js")
                .Include("~/bower_components/bootstrap-datepicker/dist/js/bootstrap-datepicker.js")
                .Include("~/bower_components/admin-lte/plugins/iCheck/icheck.js")
                .Include("~/bower_components/inputmask/dist/jquery.inputmask.bundle.js")
                .Include("~/bower_components/admin-lte/dist/js/adminlte.js")
                .Include("~/Scripts/app.js")
                .Include("~/Scripts/init.js"));
        }
    }
}

nuget에서 다음 패키지를 설치합니다

WebHelpers.Mvc5

RouteJs.Mvc5

Web.config에 추가

    <section name="routeJs" type="RouteJs.RouteJsConfigurationSection, RouteJs" />

app.js와 init.js 추가

_Layout.cshtml 편집

Views\Shared에 다음 내용 추가

_ControlSidebar.cshtml

_Header.cshtml

_Sidebar.cshtml

Azure에 대한 설계

Azure를 사용하여 App Service를 제작합니다.

방법은 선조들이 투고한 것이기 때문에 생략합니다.

https://qiita.com/seigo/items/ca2f3590d99eb0a0ed42

설계를 진행하다

Visual Studio

어렵지 않을 것 같아서 생략합니다

움직이지 않다

http://webapplication1220171005035112.azurewebsites.net/

여기서부터 중요해.

사이트 주소에scm 추가 및 브라우저에서 열기

https://webapplication1220171005035112.scm.azurewebsites.net/

Kudo가 표시되면 Debug constore에서 CMD

를 엽니다.

site\wwroot으로 이동
4.

bower install 명령 실행

시간이 많이 걸려서 화장실 좀 다녀올게요.

이동했어