ZoomlaCMS Vuecli Portal001

基于ZoomlaCMS+VueCli门户网站项目,在v4传统门户基础上引申改进的项目,方便传统web设计者学习掌握,下载即可用。

12
0
Vue

[目录]

Zoomla!逐浪软件

Zoomla!逐浪CMS卓越出品

Zoomla-Cli-Studio基于VueJS精品全站项目1号站:基于VueCLI构建的Zoomla!逐浪V4蓝色风格全站

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

本项目介绍

基于ZoomlaCMS+VueCli门户网站项目,在v4传统门户基础上引伸改进的项目,方便传统web设计者学习掌握,下载即可用。
移动优先,全面支持响应式,其特征包括:

  • 服务端基于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
  • 支持chrome和现代化浏览器,兼容IE11与EDGE浏览器
  • 完美支持微信与小程序接入与二次开发
  • 图标基于svg现代制图。
  • CSS基于scss,采用souce map协议,便于编译与管理。

开放性说明

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

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

服务端配置信息

接口在线调试:http://逐浪CMS部署网址/api/wxapp?action=model_list
数据操作后台: http://逐浪CMS部署网址/admin/Default
接口文件地址: 逐浪CMS部署目录:\Pages\API\WXAPP.cshtml

开发端配置信息

接口路径:
\src\models\common.js

使用说明

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接口使用说明

本程序目录结构

本程序目录结构

获取支持

产品官网:http://www.z01.com

使用手册:http://help.z01.com

系统接口与运行效果图

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