[目录]

• Zoomla!逐浪CMS卓越出品
  • Zoomla-Cli-Studio基于VueJS精品全站项目2号站：律师门户整站资源
  • 本项目介绍
  • 开放性说明
  • 使用说明
  • 排错表
• 接口文档
  • ZoomlaCLI-Studio接口使用说明
  • 本程序目录结构
• 系统运行效果图

Zoomla!逐浪CMS卓越出品

Zoomla-Cli-Studio基于VueJS精品全站项目2号站：律师门户整站资源

Zoomla!逐浪CMS：中文业界alexa排名第一的CMS系统|专注.net与windows平台企业级研发，集成内容管理、webfont、商城、店铺、黄页、教育、考试、3D、三维全景、混合现实、CRM、ERP、OA、论坛、贴吧等为一体，打造国内高端的CMS产品典范。

官网：www.z01.com

免费下载：www.z01.com/mb

视频教程：www.z01.com/mtv

模板资源：www.z01.com/mb

QQ交流群号：

官方QQ客服：

本项目介绍

这是一个为高端律师事务所构建的全站系统，移动优先，全面支持响应式，其特征包括：

• 服务端基于Zoomla!逐浪CMS v8.1.3数据接口，使用手册http://help.z01.com
• 前端CLI开发框架基于Vue Cli，版本：@vue/cli 4.1.2
• 前端web呈现基于Boostrap V4.x，采用BootstrapVue插件，中文官网http://code.z01.com/bootstrap-vue
• icon图标库基于国产zico图标库，官网http://ico.z01.com
• map地图组件基于vue-baidu-map
• 基于vue-meta组件，完美支持各个页面标题、关键字、网页描述（mkt)描述与SEO|SMO优化
• 支持chrome和现代化浏览器，兼容IE11与EDGE浏览器
• 完美支持微信与小程序接入与二次开发
• 图标基于svg现代制图。
• CSS基于scss，采用souce map协议，便于编译与管理。

开放性说明

本项目基于Zoomla!逐浪CMS接口与VueCLI结合开发，如果您不需要其中的远程提交表单（访客留言）则可以单独编译，忽略逐浪CMS接口部份，依然可以正常运行，非常方便。 有道是：

• 建网站,选逐浪。
• 易上手,功能棒。
• 质量好,服务善。
• 高性能,最划算。

使用说明

1、先安装Vue CLI，安装方法：

npm install -g @vue/cli
# OR
yarn global add @vue/cli

2、安装nodeJS，即npm支持，或yarn。

3、获取本程序包后，在程序根目录安装Node环境，安装命令：

npm install
# or
yarn install

4、运行，输入下面命令就能成功运行：

npm run serve
# or
yarn serve

5、发布最终版本（最终发布目录存于dist目录下）

npm run build
# or
yarn build

6、整理修复与优化

npm i line
# or
yarn lint

排错表

运行时报错：Cannot find module 'webpack/lib/RequestShortener' 这可能是本地webpack版本问题，建议你执行下面命令纠正它，然后再次运行npm run serve： npm install webpack --save-dev

提示'vue-baidu-map in ./src/main.js'错误，执行安装百度地图组件 npm install --save vue-baidu-map

安装地图组件时如果出错，请将根目录的package-lock.json删除再执行安装，安装完成再恢复package-lock.json文件，即可。

其它几个组件安装方法（如果不报错可忽略并不需要逐一手动安装）

npm install zico
npm install vue bootstrap-vue bootstrap
npm install vue-meta -s

接口文档

ZoomlaCLI-Studio接口使用说明

ZoomlaCLI-Studio接口使用说明

本程序目录结构

本程序目录结构

系统运行效果图