Skip to content
项目
群组
代码片段
帮助
正在加载...
帮助
提交反馈
为 GitLab 提交贡献
登录
切换导航
V
Vue2
项目
项目
详情
动态
版本
周期分析
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
统计图
议题
1
议题
1
列表
看板
标记
里程碑
合并请求
0
合并请求
0
CI / CD
CI / CD
流水线
作业
计划
统计图
Wiki
Wiki
代码片段
代码片段
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
统计图
创建新议题
作业
提交
议题看板
打开侧边栏
前端全家桶
Vue2
提交
0237238e
提交
0237238e
编写于
9月 09, 2019
作者:
JunZai
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
update
上级
5858153f
变更
4
显示空白字符变更
内嵌
并排
正在显示
4 个修改的文件
包含
44 行增加
和
0 行删除
+44
-0
README.md
README.md
+44
-0
development.png
img/development.png
+0
-0
production.png
img/production.png
+0
-0
project-structure.png
img/project-structure.png
+0
-0
未找到文件。
README.md
0 → 100644
浏览文件 @
0237238e
## Vue2 模板
(技术引用链接)
-
[
Vue
](
https://cn.vuejs.org/
)
-
[
JavaScript
](
https://www.javascript.com/
)
## 介绍
Vue2 是以 Vue 为技术框架的 iBizSys 前端模板,该模板是以 CDN 的模式进行导入。使用 JavaScript 原型链继承模式来进行构建,抽象了公共逻辑关系。
## 特性
-
使用 FreeMarker 模板引擎发布成果文件
-
以 Vue 为前端技术框架
-
集成了iview、element-ui等高质量UI组件
-
不需要编译,可以直接访问。
## 支持环境
-
现代浏览器和 IE11 及以上
## 项目结构
Vue2 有两种项目结构模式:
1.
基于Maven的J2EE项目结构模式,该结构项目会同时发布app_xxx_pub、app_xxx_usr两个前端目录,目录内容会由Maven自动编译到工作空间内合并,app_xxx_usr内容覆盖app_xxx_pub内容。
2.
微服务的项目结构模式,该结构模式会发布生成app_xxx前端文件夹,该文件夹不参与合并至工作空间,本地开发需要手动拷贝至工作空间下。
两种模式下项目结构是一致的:
![
produce
](
img/project-structure.png
)
## 访问说明
Vue2 访问分为开发访问和生产访问,两种访问模式的区别在于访问文件后缀不一致,具体如下:
1.
生产访问。是将该项目的所有关联视图文件经过编译合并,减少页页面对关联视图文件的请求量,提高访问效率与性能。
![
produce
](
img/production.png
)
2.
开发访问,该项目的所有关联视图文件原始引入,不做编译处理,视图html内容采用es6 模板字符串语法书写,只有现代浏览器支持,同时方便用户开发调整。如开发人员需要本地进行生产访问,则需要手动本地合并。
![
produce
](
img/development.png
)
## 成果展示
img/development.png
0 → 100644
浏览文件 @
0237238e
10.9 KB
img/production.png
0 → 100644
浏览文件 @
0237238e
10.7 KB
img/project-structure.png
0 → 100644
浏览文件 @
0237238e
26.7 KB
编辑
预览
Markdown
格式
0%
请重试
or
添加新附件
添加附件
取消
您添加了
0
人
到此讨论。请谨慎行事。
先完成此消息的编辑!
取消
想要评论请
注册
或
登录