苹果CMS V10_含羞草研究所_Vuejs前后端分离PC+Wap双端H5应用

## 什么是前端分离? 传统的网站都是前后端混合,是由后台提供标签变量给html模板输出网页,甚至有的是html和php混写。前后端分离 顾名思义,就是把后台和前端彻底的分开,数据只能 通过 前端js向后台发送 post 或 get 获取到 json 数据,然后渲染到 html 页面,中间只有api通讯。 ## 前后端分离有什么好处? * 1.更高效,让前端只做前端的事情、后端只做后端的事,

预览截图

应用介绍

什么是前端分离?

传统的网站都是前后端混合,是由后台提供标签变量给html模板输出网页,甚至有的是htmlphp混写。而前后端分离则不同, 顾名思义,就是把后台和前端彻底的分开,数据只能 通过 前端js向后台发送 postget 获取到 json 数据,然后渲染到 html 页面,中间只有api通讯

前后端分离有什么好处?

  • 1.更高效,让前端只做前端的事情、后端只做后端的事,分工明确,运维过程能精准的定位到问题所在。
  • 2.更安全,由于是 后端服务器和前端服务器分开,任何一端遭受木马入侵都无法施展其用途,前端服务没有php运行环境,后端服务器虽然是php环境,但是没有前台页面,假设被挂马了,也没有可跳转的前台页面。
  • 3.高匿防拦截,由于是数据是到达用户浏览器后才渲染成最终页面,传输过程只有是有json 数据流,而不是从服务器吧渲染好的页面传给用户。
  • 4.高性能,对比传统网站每一次打开内容页都是重新从服务器获取一次资源,前后端项目每个页面几乎是瞬间打开。

前后端分离 架构:

后端服务器(PHP/MYSQL)------json------> 前端服务器 (纯JS/HTML/css)------> 用户浏览器

传统web网站 构架

后端服务器(PHP/MYSQL/HTML/JS/CSS)---------------------------------------> 用户浏览器

由此可见,传统web网只要是出了故障,例如被挂马,前台出现不明请求或者手机端跳转,你要花很大的精力去排查他到底是模板问题还是程序问题,傻傻分不清,因为它是在服务器全部渲染最终的html 页面效果才传给用户浏览器。而前后端分离项目,很严重的问题就会直接断流,api异常,你立马就发现了,并且不会影响到前端服务器,也很难实现跳转到恶意网站的过程。

但是前后端分离网也有缺点,就是不利于seo优化,根本优化不了,查看源码只有几行html而已,所有内容都是js动态渲染。

还有就是他不是模板,严格来说是 H5+应用或者单页应用,是个程序,由后端api程序前端Vuejs项目组成,类似于小程序、跨平台app、uni-app应用,既然不是模板,自然也不可以随意的修改。

200元套餐

  • 后端api插件 (开源插件)
  • PC端编译包(不含脚手架源码)

300元套餐

  • 后端api插件 (开源插件)
  • Wap端编译包(不含脚手架源码)

500元标配套餐

  • 后端api插件 (开源插件)
  • PC端编译包(不含脚手架源码)
  • Wap端编译包(不含脚手架源码)

3000元专业套餐

  • 后端api插件 (开源插件)
  • PC Vue-Cli + webpack 脚手架源码
  • Wap Vue-Cli + webpack 脚手架源码

购买脚手架源码可自行打包目标程序包,但是需要你本地电脑配置好 nodeJS 环境,并且安装了源码的所有依赖。这些需要具备一定的 nodejs 、vue-cli、webpack 技能,否则脚手架源码对你来说也是严重技术负担。并且本站不提供教学服务,售后不等于教学,一定要分清楚。不要以售后的方式来填补你对技术的空缺。

新品杜绝议价,非诚勿扰,谢谢配合!!

项目功能和支持

  • 专属广告位,可视化编辑广告代码,播放前置广告位、暂停广告位
  • 首页板块DIY,灵活只有布局首页
  • 会员收费模块,VIP会员收费模式,积分充值,卡密充值、订单记录、消费记录、会员升级。
  • 分销代理功能,支持邀请奖励、分享奖励。
  • 支持视频、专题、明星、收藏、点赞、求片留言。
  • v1.05+ 新增 免费视频VIP视频特殊视频 三种收费模式,设置方式如下:

     1.免费视频 ===== 设置整数据积分和播放积分全部为 0
     2.VIP视频 =====  设置播放积分 指定VIP会员免支付、普通会员要支付
     3.特殊视频 ===== 设置整数据积分 指定VIP会员和普通都要支付
  • VIP用户升级方式继承 苹果cms积分兑换 模式,如果开启邀请注册送积分模式,请设置一下没IP限制注册数量。
  • V1.0.5+ 版本新增了真实IP验证逻辑,强化了IP验证,不会出现无限注册的情况!
  • V1.0.6+ 版新增代理功能,前台代理可以生成 VIP充值卡积分充值卡,升级代理方式可以设定一次性充值指定金额自动升级代理权或者联系管理员手动升级

PS:本应用不支持多播放源、多集数播放模式,仅支持单个来源个和单视频模式。

特色

支持苹果cms官方程序,无需二次开发cms即可享有扩展功能,不影响cms版本升级,安全更可靠,网上有些卖出二次开发的程序,不仅仅不能支持cms版本升级,而且加密授权,那样的程序别说收费,送给你你会要吗??

输入图片说明
输入图片说明
输入图片说明
输入图片说明
输入图片说明
输入图片说明
输入图片说明
输入图片说明
输入图片说明

更多细节请浏览演示站体验

PC端:输入链接说明
wap端:输入链接说明

线上部署

  • 后端服务端 目前测试完美运行环境为 CentOS/linux PHP 7.3 + Nginx
  • 前端服务器 CentOS/linux 纯静态 + Nginx

后端服务安装

用的 maccms.la 版的苹果cmsV10版本,其他版本没经过测试,也不考虑测试,其他二开或者乱七八糟的版本一概不处理。
  • hxc 插件上传到 苹果cms v10 的 addons
  • 到后台 应用 应用市场 找到 含羞草H5插件,点击启用并且点击右上角的清理缓存
  • 这时候 后台 顶部导航会新增一个 含羞草H5 菜单入口

后端必须设置项

  • 域名白名单,这里是允许前端哪些站点可以请求数据,不设置或设置不正确会导致前端站点异常,
  • 启用的支付工具

前端服务安装

  • 宝塔面板上新增站点,选择纯静态环境
  • 绑定域名
  • 将以下代码粘贴到 伪静态

    location /{
    try_files $uri $uri/ /index.html;
    }
  • 上传前端文件包到根目录
  • manifest.json 文件内修改对接的后端 api 地址,填写 苹果cms 后端的域名即可

如何设置首页分类图标?

  • 在后台编辑分类上传 分类图标

如何修改api 接口地址?

在前端站点文件包中有manifest.json可以修改对接后端地址和其他配置
manifest.json文件配饰介绍

{
   "apiWebUrl":"https://www.dyccp.com/", //后端api地址,主要数据传输通道
   "pcWebUrl":"https://pc.datll.com/",  //前端pc版地址预设,方便当 电脑端访问是跳转到该地址
   "h5WebUrl":"http://h5.datll.com/", //前端手机版地址预设,方便当 手机端访问是跳转到该地址
   "siteUrl":"https://www.dyccp.com", //通用附件域名,如后端服务器上传的图片为相对地址时,自动补全为该域名
   "spareUrl":[ //备用前端地址,用于展示在推广或分享页面
      {"url":"http://h1.api.com/"},
      {"url":"http://h2.api.com/"}
   ]
}

版本更新记录

v1.09 更新日志

  • 修复代理生成积分卡会员卡无效问题
  • 修复wap端积分代理页面数据加载错误问题
  • 修复wap端充值跳转问题
  • 修复后台为设置售卡代理导致退出登录问题

v1.08 更新日志

  • 修复头像上传无效问题
  • 新增绑定邮箱和邮箱注册功能
  • 优化同步注册登录验证码开关问题
  • 优化登录或注册表单不成功后自动刷新验证码

v1.07 更新日志

  • 修复专题上传图片 路径问题
  • 修复PC端热搜词修改无效问题
  • 修复播放页tag点击无效问题
  • 修复服务端因环境差异导致的 php 语法错误
  • 修复首页板块点击更多无效问题
  • 修复登录页面点击注册无效问题
  • 修复分享按钮点击复制无效问题
  • 新增wap端 图标修改方法
  • 新增邮箱找回密码功能
  • 新增首页懒加载,防止并发IO超时,当板块进入窗口是才会加载数据,而不是一次全部加载。

v1.0.6 更新日志

  • 新增双端流量cnzz统计配置,可从后台设置面板添加!
  • 充值卡废除卡密码,直接输入卡号即可兑换积分,支持一键粘贴按钮
  • 新增代理功能,可在后台设置指定会员组为 售卡代理,代理级别的用户可在前台生成积分卡和会员卡,可自由复制出售,发展自己用户!
  • 新增已一次性充值达到指定金额后可自动升级30挺售卡代理权
  • PC端网首页新增横幅广告位

PS:当前版本开通方式可在后台设置充值达到指定金额后自动升级为代理,或者联系客服管理员手动升级

v1.0.5 更新

  • 修复PC端和wap端识别不正确倒是无限跳转问题
  • 修复播放页猜你喜欢点击无效问题
  • 修复会员编辑昵称无响应问题
  • 强化注册IP验证,新增防刷恶意注册!
  • 后端新增【免费视频、VIP视频、特殊视频】 三种收费模式,具体设置方式如下
  • 新增观看支付积分接口、权限验证逻辑。

     1.设置免费视频 ===== 整数据积分、播放积分 留空或为0
     2.设置VIP 视频 ===== 播放积分 指定VIP会员免支付、普通会员要支付
     3.设置特殊视频 ===== 整数据积分 指定VIP会员和普通都要支付
  • 前端新增 视频购买支付页面和相关提示页

免责声明

1.本站提供的程序源码没有附带任何运营数据,只保证程序功能合法性、完整性。购买后对程序添加数据属于个人行为与本站和开发者无关。
2.本站不给涉黄、涉黑、涉赌、涉毒站点提供任何技术帮助,如有发现源码用于非法站点,本站将列入售后黑名单,永不在提供任何服务。
3.程序代码仅供学习用途,不得商用,违者导致的侵权、违法等后果需自行承担相关法律责任,本站和程序开发者不承担任何连带责任。

点赞(4) 打赏

立即下载

温馨提示! 你需要支付 ¥500.00 元后才可以下载

Comment list 共有 0 条评论

暂无评论