Home Explore Help
Register Sign In
TEAMMODEL
/
TEAMModelOS
5
4
Fork 0
Files Issues 171 Pull Requests 0 Wiki
Browse Source

全部提交

Li 3 years ago
parent
d146c15944
commit
f0aacf685d
21 changed files with 577 additions and 0 deletions
Unified View Show Diff Stats
  1. 23 0
      TEAMModeBI/ClientApp/.gitignore
  2. 24 0
      TEAMModeBI/ClientApp/README.md
  3. 5 0
      TEAMModeBI/ClientApp/babel.config.js
  4. 46 0
      TEAMModeBI/ClientApp/package.json
  5. BIN
      TEAMModeBI/ClientApp/public/favicon.ico
  6. 17 0
      TEAMModeBI/ClientApp/public/index.html
  7. 26 0
      TEAMModeBI/ClientApp/src/App.vue
  8. BIN
      TEAMModeBI/ClientApp/src/assets/logo.png
  9. 26 0
      TEAMModeBI/ClientApp/src/components/Counter.vue
  10. 53 0
      TEAMModeBI/ClientApp/src/components/FetchData.vue
  11. 74 0
      TEAMModeBI/ClientApp/src/components/NavMenu.vue
  12. 6 0
      TEAMModeBI/ClientApp/src/main.js
  13. 29 0
      TEAMModeBI/ClientApp/src/router/index.js
  14. 39 0
      TEAMModeBI/Controllers/WeatherForecastController.cs
  15. 26 0
      TEAMModeBI/Program.cs
  16. 29 0
      TEAMModeBI/Properties/launchSettings.json
  17. 67 0
      TEAMModeBI/Startup.cs
  18. 53 0
      TEAMModeBI/TEAMModeBI.csproj
  19. 15 0
      TEAMModeBI/WeatherForecast.cs
  20. 9 0
      TEAMModeBI/appsettings.Development.json
  21. 10 0
      TEAMModeBI/appsettings.json

+ 23 - 0
TEAMModeBI/ClientApp/.gitignore
View File 

@@ -0,0 +1,23 @@
 
+.DS_Store
 
+node_modules
 
+/dist
 
+
 
+
 
+# local env files
 
+.env.local
 
+.env.*.local
 
+
 
+# Log files
 
+npm-debug.log*
 
+yarn-debug.log*
 
+yarn-error.log*
 
+pnpm-debug.log*
 
+
 
+# Editor directories and files
 
+.idea
 
+.vscode
 
+*.suo
 
+*.ntvs*
 
+*.njsproj
 
+*.sln
 
+*.sw?

+ 24 - 0
TEAMModeBI/ClientApp/README.md
View File 

@@ -0,0 +1,24 @@
 
+# clientapp
 
+
 
+## Project setup
 
+```
 
+npm install
 
+```
 
+
 
+### Compiles and hot-reloads for development
 
+```
 
+npm run serve
 
+```
 
+
 
+### Compiles and minifies for production
 
+```
 
+npm run build
 
+```
 
+
 
+### Lints and fixes files
 
+```
 
+npm run lint
 
+```
 
+
 
+### Customize configuration
 
+See [Configuration Reference](https://cli.vuejs.org/config/).

+ 5 - 0
TEAMModeBI/ClientApp/babel.config.js
View File 

@@ -0,0 +1,5 @@
 
+module.exports = {
 
+  presets: [
 
+    '@vue/cli-plugin-babel/preset'
 
+  ]
 
+}

+ 46 - 0
TEAMModeBI/ClientApp/package.json
View File 

@@ -0,0 +1,46 @@
 
+{
 
+  "name": "clientapp",
 
+  "version": "0.1.0",
 
+  "private": true,
 
+  "scripts": {
 
+    "serve": "vue-cli-service serve",
 
+    "build": "vue-cli-service build",
 
+    "lint": "vue-cli-service lint"
 
+  },
 
+  "dependencies": {
 
+    "axios": "^0.20.0-0",
 
+    "bootstrap": "^4.5.3",
 
+    "core-js": "^3.7.0",
 
+    "vue": "^3.0.2",
 
+    "vue-loader-v16": "npm:vue-loader@^16.0.0-alpha.3",
 
+    "vue-router": "^4.0.0-rc.5"
 
+  },
 
+  "devDependencies": {
 
+    "@vue/cli-plugin-babel": "^4.5.9",
 
+    "@vue/cli-plugin-eslint": "^4.5.9",
 
+    "@vue/cli-service": "^4.5.9",
 
+    "@vue/compiler-sfc": "^3.0.2",
 
+    "babel-eslint": "^10.1.0",
 
+    "eslint": "^6.8.0",
 
+    "eslint-plugin-vue": "^7.1.0"
 
+  },
 
+  "eslintConfig": {
 
+    "root": true,
 
+    "env": {
 
+      "node": true
 
+    },
 
+    "extends": [
 
+      "plugin:vue/vue3-essential",
 
+      "eslint:recommended"
 
+    ],
 
+    "parserOptions": {
 
+      "parser": "babel-eslint"
 
+    },
 
+    "rules": {}
 
+  },
 
+  "browserslist": [
 
+    "> 1%",
 
+    "last 2 versions",
 
+    "not dead"
 
+  ]
 
+}

BIN
TEAMModeBI/ClientApp/public/favicon.ico
View File


+ 17 - 0
TEAMModeBI/ClientApp/public/index.html
View File 

@@ -0,0 +1,17 @@
 
+<!DOCTYPE html>
 
+<html lang="en">
 
+  <head>
 
+    <meta charset="utf-8">
 
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
 
+    <meta name="viewport" content="width=device-width,initial-scale=1.0">
 
+    <link rel="icon" href="<%= BASE_URL %>favicon.ico">
 
+    <title><%= htmlWebpackPlugin.options.title %></title>
 
+  </head>
 
+  <body>
 
+    <noscript>
 
+      <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
 
+    </noscript>
 
+    <div id="app"></div>
 
+    <!-- built files will be auto injected -->
 
+  </body>
 
+</html>

+ 26 - 0
TEAMModeBI/ClientApp/src/App.vue
View File 

@@ -0,0 +1,26 @@
 
+<template>
 
+  <nav-menu></nav-menu>
 
+  <router-view />
 
+</template>
 
+
 
+<script>
 
+    import NavMenu from './components/NavMenu.vue'
 
+
 
+export default {
 
+  name: 'App',
 
+  components: {
 
+      NavMenu
 
+  }
 
+}
 
+</script>
 
+
 
+<style>
 
+#app {
 
+  font-family: Avenir, Helvetica, Arial, sans-serif;
 
+  -webkit-font-smoothing: antialiased;
 
+  -moz-osx-font-smoothing: grayscale;
 
+  text-align: center;
 
+  color: #2c3e50;
 
+  margin-top: 60px;
 
+}
 
+</style>

BIN
TEAMModeBI/ClientApp/src/assets/logo.png
View File


+ 26 - 0
TEAMModeBI/ClientApp/src/components/Counter.vue
View File 

@@ -0,0 +1,26 @@
 
+<template>
 
+    <h1>Counter</h1>
 
+
 
+    <p>This is a simple example of an Vue component.</p>
 
+
 
+    <p aria-live="polite">Current count: <strong>{{ currentCount }}</strong></p>
 
+
 
+    <button class="btn btn-primary" @click="incrementCounter">Increment</button>
 
+</template>
 
+
 
+
 
+<script>
 
+    export default {
 
+        name: "Counter",
 
+        data() {
 
+            return {
 
+                currentCount: 0
 
+            }
 
+        },
 
+        methods: {
 
+            incrementCounter() {
 
+                this.currentCount++;
 
+            }
 
+        }
 
+    }
 
+</script>

+ 53 - 0
TEAMModeBI/ClientApp/src/components/FetchData.vue
View File 

@@ -0,0 +1,53 @@
 
+<template>
 
+    <h1 id="tableLabel">Weather forecast</h1>
 
+
 
+    <p>This component demonstrates fetching data from the server.</p>
 
+
 
+    <p v-if="!forecasts"><em>Loading...</em></p>
 
+
 
+    <table class='table table-striped' aria-labelledby="tableLabel" v-if="forecasts">
 
+        <thead>
 
+            <tr>
 
+                <th>Date</th>
 
+                <th>Temp. (C)</th>
 
+                <th>Temp. (F)</th>
 
+                <th>Summary</th>
 
+            </tr>
 
+        </thead>
 
+        <tbody>
 
+            <tr v-for="forecast of forecasts" v-bind:key="forecast">
 
+                <td>{{ forecast.date }}</td>
 
+                <td>{{ forecast.temperatureC }}</td>
 
+                <td>{{ forecast.temperatureF }}</td>
 
+                <td>{{ forecast.summary }}</td>
 
+            </tr>
 
+        </tbody>
 
+    </table>
 
+</template>
 
+
 
+
 
+<script>
 
+    import axios from 'axios'
 
+    export default {
 
+        name: "FetchData",
 
+        data() {
 
+            return {
 
+                forecasts: []
 
+            }
 
+        },
 
+        methods: {
 
+            getWeatherForecasts() {
 
+                axios.get('/weatherforecast')
 
+                    .then((response) => {
 
+                        this.forecasts =  response.data;
 
+                    })
 
+                    .catch(function (error) {
 
+                        alert(error);
 
+                    });
 
+            }
 
+        },
 
+        mounted() {
 
+            this.getWeatherForecasts();
 
+        }
 
+    }
 
+</script>

+ 74 - 0
TEAMModeBI/ClientApp/src/components/NavMenu.vue
View File 

@@ -0,0 +1,74 @@
 
+<template>
 
+    <header>
 
+        <nav class="navbar navbar-expand-sm navbar-toggleable-sm navbar-light bg-white border-bottom box-shadow mb-3">
 
+            <div class="container">
 
+                <a class="navbar-brand">Vue JS Template for .NET 5</a>
 
+                <button class="navbar-toggler"
 
+                        type="button"
 
+                        data-toggle="collapse"
 
+                        data-target=".navbar-collapse"
 
+                        aria-label="Toggle navigation"
 
+                        @click="toggle">
 
+                    <span class="navbar-toggler-icon"></span>
 
+                </button>
 
+                <div class="navbar-collapse collapse d-sm-inline-flex flex-sm-row-reverse"
 
+                     v-bind:class="{show: isExpanded}">
 
+                    <ul class="navbar-nav flex-grow">
 
+                        <li class="nav-item">
 
+                            <router-link :to="{ name: 'Home' }" class="nav-link text-dark">Home</router-link>
 
+                           
+                        </li>
 
+                        <li class="nav-item">
 
+                            <router-link :to="{ name: 'Counter' }" class="nav-link text-dark">Counter</router-link>
 
+                        </li>
 
+                        <li class="nav-item">
 
+                            <router-link :to="{ name: 'FetchData' }" class="nav-link text-dark">Fetch Data</router-link>
 
+                        </li>
 
+                    </ul>
 
+                </div>
 
+            </div>
 
+        </nav>
 
+    </header>
 
+</template>
 
+
 
+
 
+<style>
 
+    a.navbar-brand {
 
+        white-space: normal;
 
+        text-align: center;
 
+        word-break: break-all;
 
+    }
 
+
 
+    html {
 
+        font-size: 14px;
 
+    }
 
+
 
+    @media (min-width: 768px) {
 
+        html {
 
+            font-size: 16px;
 
+        }
 
+    }
 
+
 
+    .box-shadow {
 
+        box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
 
+    }
 
+</style>
 
+<script>
 
+    export default {
 
+        name: "NavMenu",
 
+        data() {
 
+            return {
 
+                isExpanded: false
 
+            }
 
+        },
 
+        methods: {
 
+            collapse() {
 
+                this.isExpanded = false;
 
+            },
 
+
 
+            toggle() {
 
+                this.isExpanded = !this.isExpanded;
 
+            }
 
+        }
 
+    }
 
+</script>

+ 6 - 0
TEAMModeBI/ClientApp/src/main.js
View File 

@@ -0,0 +1,6 @@
 
+import 'bootstrap/dist/css/bootstrap.css'
 
+import { createApp } from 'vue'
 
+import App from './App.vue'
 
+import router from './router'
 
+
 
+createApp(App).use(router).mount('#app')

+ 29 - 0
TEAMModeBI/ClientApp/src/router/index.js
View File 

@@ -0,0 +1,29 @@
 
+import { createWebHistory, createRouter } from "vue-router";
 
+import Home from "@/components/Home.vue";
 
+import Counter from "@/components/Counter.vue";
 
+import FetchData from "@/components/FetchData.vue";
 
+
 
+const routes = [
 
+    {
 
+        path: "/",
 
+        name: "Home",
 
+        component: Home,
 
+    },
 
+    {
 
+        path: "/Counter",
 
+        name: "Counter",
 
+        component: Counter,
 
+    },
 
+    {
 
+        path: "/FetchData",
 
+        name: "FetchData",
 
+        component: FetchData,
 
+    }
 
+];
 
+
 
+const router = createRouter({
 
+    history: createWebHistory(),
 
+    routes,
 
+});
 
+
 
+export default router;

+ 39 - 0
TEAMModeBI/Controllers/WeatherForecastController.cs
View File 

@@ -0,0 +1,39 @@
 
+using Microsoft.AspNetCore.Mvc;
 
+using Microsoft.Extensions.Logging;
 
+using System;
 
+using System.Collections.Generic;
 
+using System.Linq;
 
+using System.Threading.Tasks;
 
+
 
+namespace TEAMModeBI.Controllers
 
+{
 
+    [ApiController]
 
+    [Route("[controller]")]
 
+    public class WeatherForecastController : ControllerBase
 
+    {
 
+        private static readonly string[] Summaries = new[]
 
+        {
 
+            "Freezing", "Bracing", "Chilly", "Cool", "Mild", "Warm", "Balmy", "Hot", "Sweltering", "Scorching"
 
+        };
 
+
 
+        private readonly ILogger<WeatherForecastController> _logger;
 
+
 
+        public WeatherForecastController(ILogger<WeatherForecastController> logger)
 
+        {
 
+            _logger = logger;
 
+        }
 
+
 
+        [HttpGet]
 
+        public IEnumerable<WeatherForecast> Get()
 
+        {
 
+            var rng = new Random();
 
+            return Enumerable.Range(1, 5).Select(index => new WeatherForecast
 
+            {
 
+                Date = DateTime.Now.AddDays(index),
 
+                TemperatureC = rng.Next(-20, 55),
 
+                Summary = Summaries[rng.Next(Summaries.Length)]
 
+            })
 
+            .ToArray();
 
+        }
 
+    }
 
+}

+ 26 - 0
TEAMModeBI/Program.cs
View File 

@@ -0,0 +1,26 @@
 
+using Microsoft.AspNetCore.Hosting;
 
+using Microsoft.Extensions.Configuration;
 
+using Microsoft.Extensions.Hosting;
 
+using Microsoft.Extensions.Logging;
 
+using System;
 
+using System.Collections.Generic;
 
+using System.Linq;
 
+using System.Threading.Tasks;
 
+
 
+namespace TEAMModeBI
 
+{
 
+    public class Program
 
+    {
 
+        public static void Main(string[] args)
 
+        {
 
+            CreateHostBuilder(args).Build().Run();
 
+        }
 
+
 
+        public static IHostBuilder CreateHostBuilder(string[] args) =>
 
+            Host.CreateDefaultBuilder(args)
 
+                .ConfigureWebHostDefaults(webBuilder =>
 
+                {
 
+                    webBuilder.UseStartup<Startup>();
 
+                });
 
+    }
 
+}

+ 29 - 0
TEAMModeBI/Properties/launchSettings.json
View File 

@@ -0,0 +1,29 @@
 
+{
 
+  "iisSettings": {
 
+    "windowsAuthentication": false,
 
+    "anonymousAuthentication": true,
 
+    "iisExpress": {
 
+      "applicationUrl": "http://localhost:50598",
 
+      "sslPort": 0
 
+    }
 
+  },
 
+  "$schema": "http://json.schemastore.org/launchsettings.json",
 
+  "profiles": {
 
+    "IIS Express": {
 
+      "commandName": "IISExpress",
 
+      "launchBrowser": true,
 
+      "environmentVariables": {
 
+        "ASPNETCORE_ENVIRONMENT": "Development"
 
+      }
 
+    },
 
+    "TEAMModeBI": {
 
+      "commandName": "Project",
 
+      "launchBrowser": true,
 
+      "launchUrl": "weatherforecast",
 
+      "environmentVariables": {
 
+        "ASPNETCORE_ENVIRONMENT": "Development"
 
+      },
 
+      "applicationUrl": "http://localhost:5000"
 
+    }
 
+  }
 
+}

+ 67 - 0
TEAMModeBI/Startup.cs
View File 

@@ -0,0 +1,67 @@
 
+using Microsoft.AspNetCore.Builder;
 
+using Microsoft.AspNetCore.Hosting;
 
+using Microsoft.AspNetCore.Mvc;
 
+using Microsoft.Extensions.Configuration;
 
+using Microsoft.Extensions.DependencyInjection;
 
+using Microsoft.Extensions.Hosting;
 
+using Microsoft.Extensions.Logging;
 
+using System;
 
+using System.Collections.Generic;
 
+using System.Linq;
 
+using System.Threading.Tasks;
 
+using VueCliMiddleware;
 
+
 
+namespace TEAMModeBI
 
+{
 
+    public class Startup
 
+    {
 
+        public Startup(IConfiguration configuration)
 
+        {
 
+            Configuration = configuration;
 
+        }
 
+
 
+        public IConfiguration Configuration { get; }
 
+
 
+        // This method gets called by the runtime. Use this method to add services to the container.
 
+        public void ConfigureServices(IServiceCollection services)
 
+        {
 
+            services.AddControllers();
 
+            services.AddSpaStaticFiles(configuration =>
 
+            {
 
+                configuration.RootPath = "ClientApp";
 
+            });
 
+        }
 
+
 
+        // This method gets called by the runtime. Use this method to configure the HTTP request pipeline.
 
+        public void Configure(IApplicationBuilder app, IWebHostEnvironment env)
 
+        {
 
+            if (env.IsDevelopment())
 
+            {
 
+                app.UseDeveloperExceptionPage();
 
+            }
 
+
 
+            app.UseRouting();
 
+            app.UseSpaStaticFiles();
 
+            app.UseAuthorization();
 
+
 
+            app.UseEndpoints(endpoints =>
 
+            {
 
+                endpoints.MapControllers();
 
+            });
 
+
 
+            app.UseSpa(spa =>
 
+            {
 
+                if (env.IsDevelopment())
 
+                    spa.Options.SourcePath = "ClientApp/";
 
+                else
 
+                    spa.Options.SourcePath = "dist";
 
+
 
+                if (env.IsDevelopment())
 
+                {
 
+                    spa.UseVueCli(npmScript: "serve");
 
+                }
 
+
 
+            });
 
+        }
 
+    }
 
+}

+ 53 - 0
TEAMModeBI/TEAMModeBI.csproj
View File 

@@ -0,0 +1,53 @@
 
+<Project Sdk="Microsoft.NET.Sdk.Web">
 
+
 
+  <PropertyGroup>
 
+    <TargetFramework>netcoreapp3.1</TargetFramework>
 
+    <RootNamespace>TEAMModeBI</RootNamespace>
 
+  </PropertyGroup>
 
+
 
+  <PropertyGroup>
 
+    <SpaRoot>ClientApp\</SpaRoot>
 
+    <DefaultItemExcludes>$(DefaultItemExcludes);$(SpaRoot)node_modules\**</DefaultItemExcludes>
 
+  </PropertyGroup>
 
+
 
+  <ItemGroup>
 
+    <PackageReference Include="VueCliMiddleware" Version="3.0.0" />
 
+  </ItemGroup>
 
+
 
+  <ItemGroup>
 
+    <!-- Don't publish the SPA source files, but do show them in the project files list -->
 
+    <Content Remove="$(SpaRoot)**" />
 
+    <None Remove="$(SpaRoot)**" />
 
+    <None Include="$(SpaRoot)**" Exclude="$(SpaRoot)node_modules\**" />
 
+  </ItemGroup>
 
+
 
+  <Target Name="DebugEnsureNodeEnv" BeforeTargets="Build" Condition=" '$(Configuration)' == 'Debug' And !Exists('$(SpaRoot)node_modules') ">
 
+    <!-- Ensure Node.js is installed -->
 
+    <Exec Command="node --version" ContinueOnError="true">
 
+      <Output TaskParameter="ExitCode" PropertyName="ErrorCode" />
 
+    </Exec>
 
+    <Error Condition="'$(ErrorCode)' != '0'" Text="Node.js is required to build and run this project. To continue, please install Node.js from https://nodejs.org/, and then restart your command prompt or IDE." />
 
+    <Message Importance="high" Text="Restoring dependencies using 'npm'. This may take several minutes..." />
 
+    <Exec WorkingDirectory="$(SpaRoot)" Command="npm install" />
 
+  </Target>
 
+
 
+  <Target Name="PublishRunWebpack" AfterTargets="ComputeFilesToPublish">
 
+    <!-- As part of publishing, ensure the JS resources are freshly built in production mode -->
 
+    <Exec WorkingDirectory="$(SpaRoot)" Command="npm install" />
 
+    <Exec WorkingDirectory="$(SpaRoot)" Command="npm run build -- --prod" />
 
+    <Exec WorkingDirectory="$(SpaRoot)" Command="npm run build:ssr -- --prod" Condition=" '$(BuildServerSideRenderer)' == 'true' " />
 
+
 
+    <!-- Include the newly-built files in the publish output -->
 
+    <ItemGroup>
 
+      <DistFiles Include="$(SpaRoot)dist\**; $(SpaRoot)dist-server\**" />
 
+      <DistFiles Include="$(SpaRoot)node_modules\**" Condition="'$(BuildServerSideRenderer)' == 'true'" />
 
+      <ResolvedFileToPublish Include="@(DistFiles->'%(FullPath)')" Exclude="@(ResolvedFileToPublish)">
 
+        <RelativePath>%(DistFiles.Identity)</RelativePath>
 
+        <CopyToPublishDirectory>PreserveNewest</CopyToPublishDirectory>
 
+        <ExcludeFromSingleFile>true</ExcludeFromSingleFile>
 
+      </ResolvedFileToPublish>
 
+    </ItemGroup>
 
+  </Target>
 
+
 
+
 
+</Project>

+ 15 - 0
TEAMModeBI/WeatherForecast.cs
View File 

@@ -0,0 +1,15 @@
 
+using System;
 
+
 
+namespace TEAMModeBI
 
+{
 
+    public class WeatherForecast
 
+    {
 
+        public DateTime Date { get; set; }
 
+
 
+        public int TemperatureC { get; set; }
 
+
 
+        public int TemperatureF => 32 + (int)(TemperatureC / 0.5556);
 
+
 
+        public string Summary { get; set; }
 
+    }
 
+}

+ 9 - 0
TEAMModeBI/appsettings.Development.json
View File 

@@ -0,0 +1,9 @@
 
+{
 
+  "Logging": {
 
+    "LogLevel": {
 
+      "Default": "Information",
 
+      "Microsoft": "Warning",
 
+      "Microsoft.Hosting.Lifetime": "Information"
 
+    }
 
+  }
 
+}

+ 10 - 0
TEAMModeBI/appsettings.json
View File 

@@ -0,0 +1,10 @@
 
+{
 
+  "Logging": {
 
+    "LogLevel": {
 
+      "Default": "Information",
 
+      "Microsoft": "Warning",
 
+      "Microsoft.Hosting.Lifetime": "Information"
 
+    }
 
+  },
 
+  "AllowedHosts": "*"
 
+}