ZoomlaCMS VueCli Portal002

基于Zoomla!逐浪CMS、VueCLI、BootrapVue、vue-baidu-map以及zico图标库构建的带远程服务端全自动响应式的全栈方案(编译即可使用),可以由此创建出门户网站、移动站点、小程序与公众号应用,卓越的全栈体验。

19
6
Vue

[目录]

Zoomla!逐浪软件

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群 加入QQ群

官方QQ客服:
官方QQ客服1 官方QQ客服2

本项目介绍

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

  • 服务端基于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接口使用说明

本程序目录结构

本程序目录结构

系统运行效果图

系统效果图1
系统效果图2
系统效果图3
系统效果图4
系统效果图5
系统效果图6
系统效果图7
系统效果图8
系统效果图9
系统效果图10