# muntjak-view

**Repository Path**: fa-0512/muntjak-view

## Basic Information

- **Project Name**: muntjak-view
- **Description**: 基于jQuery+bootstrap的前端页面框架，为spring-cloud-study提供前端。
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 1
- **Created**: 2018-12-23
- **Last Updated**: 2021-05-24

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# muntjak-view

#### 介绍
基于jQuery+bootstrap的前端页面框架，为spring-cloud-study提供前端。

#### 软件架构
软件架构说明
基于jQuery 3.5+bootstrap 4.7框架，集成Awesome字体图标和zTree组件。
编写基于jQuery的前端验证框架和部分页面加载组件。
作为前端服务可以部署在nginx中。

#### 安装教程

1. 使用Nginx作为静态页面前端容器。<br>
(1).安装Nginx，并将本项目代码部署到web根目录下。<br>
(2). 修改conf/nginx.conf中的设置<br>
<pre>
...
server {
  ...
  location /service- {
    proxy_pass   http://127.0.0.1:8000;
    proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
    proxy_set_header X-Forwarded-Proto $scheme;
    proxy_set_header X-Forwarded-Port $server_port;
  }
  ...
</pre>
其中 proxy_pass:是微服务的zuul服务URL<br>
    proxy_set_header X-Forwarded-For 是真正的远程访问IP。<br>

2. 使用spring-cloud-study中的finchley-zuul项目作为静态页面前端容器<br>
(1).修改项目中的application.yml<br>
<pre>
spring:
  ...
  mvc:
    static-path-pattern: /**
  resources:
    static-locations: classpath:/static/
  ...
</pre>
(2).在finchley-zuul的resources下建立/static目录，将本项目的所有文件复制到该目录下。

#### 使用说明

1. 启动nginx或finchley-zuul服务。
2. 使用admin/888888登录