×

discuzQ小程序、H5、APP端

消耗积分:2 | 格式:zip | 大小:1.00 MB | 2022-06-10

分享资料个

授权协议 Apache
开发语言 JavaScript HTML/CSS
操作系统 跨平台
软件类型 开源软件

软件简介

 

同步官方discuz!Q主程序代码,Discuz! Q 继承了 Discuz! X 的社区的核心能力,增强了变现的能力,原生接入微信生态,且更适配今天移动端的交互,帮助用户碎片化的信息发布及获取。

Discuz! Q 使用主流的框架,前后分离的方式重写了全部代码,数百个接口全部开放,原生的连接微信生态和腾讯云。

授权声明

Copyright 2020, Tencent Cloud.

Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at

    http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.

开始

  1. 安装依赖
npm install

请注意: node 版本需要大于 10.13.0 的稳定版。推荐可以使用 nvm 进行 node 的多版本管理。

  1. 本地开发时项目编译以及热加载
  • H5 项目

    npm run dev:h5
  • 小程序

    npm run dev:mp-weixin

    然后打开微信开发者工具,导入 dist/dev/mp-weixin 目录即可开发预览

  1. 构建
  • H5 项目构建

    npm run build:h5

    构建好的文件存放在 dist/build/h5 目录下

  • 小程序项目构建

    npm run build:mp-weixin

    然后打开微信开发者工具,导入 dist/build/mp-weixin 目录

  1. 开发工具推荐

    推荐使用 VSCode 进行开发,针对此项目VSCode插件推荐安装:

    • Vetur
    • ESLint
    • Stylelint
    • Prettie
    • Vue VSCode Snippets
    • JavaScript(ES6) Snippets ESDoc

编码规范

  1. JavaScript 代码规范
  2. Css&Scss 代码规范
  3. 命名约定

项目版本管理

  1. Git 分支开发工作流
  2. Git 提交规范

代码评审相关

  1. PR 说明
  2. 待补充

项目目录结构说明

|--.vscode                    vscode 编辑器的一些设置文件
|-- dist                      构建之后生成的目录
|-- .github                    规范说明 | github action 工作流(待完成)
|-- public                    H5 模板文件
|-- src                       项目的开发目录
| |-- api                     api 存放目录以及对于请求数据的处理存放目录
| | |-- api-request.js          api: 请求之前或者之后处理函数
| | |-- data-format.js          api: 数据处理文件
| | |-- index.js                api: 要请求的api定义
| |-- assets                  资源存放目录
| |-- common                  页面公用的部分存放的目录
| |-- components              页面公用的组件存放的目录
| |-- locale                  国际化设置目录(语言设置)
| |-- library                 存放一些第三方依赖库等
| |-- pages                   页面目录
| |-- store                   数据状态管理目录
| | |-- modules
| | |-- types
| | |-- index.js
| |-- styles                  公共样式存放目录
| | |-- base                    styles: 基础样式
| | | |-- mixin                 styles: mixin函数
| | | |-- theme                 styles: 主题皮肤配置
| | | |-- variable              styles: 变量
| | | |-- reset.scss            styles: 重置页面样式
| |-- utils                   常用函数存放目录
| |-- App.vue                 应用配置,用来配置App全局样式以及监听
| |-- main.js                 Vue 初始化入口文件
| |-- manifest.json           配置应用名称、appid、logo、版本等打包信息
| |-- pages.json              配置页面路由、导航条、选项卡等页面类信息
| |-- uni.scss                uni 全局样式变量
|-- .editorconfig             编辑器配置推荐
|-- .env.development          开发环境变量
|-- .env.production           生产环境变量
|-- .eslintignore             eslint 忽略的文件
|-- .eslintrc.js              eslint 配置文件
|-- .gitignore                git 提交忽略文件
|-- .npmrc                    安装 npm 包的部分设置
|-- .prettierignore           prettier 插件的设置
|-- babel.config.js           babel 配置文件
|-- commitlint.config.js      git commit 规范提交配置文件
|-- jsconfig.json             vscode 本地文件提示
|-- postcss.config.js         postcss 配置
|-- README.md                 项目说明文件
|-- stylelint.config.js       样式规范配置文件
|-- vue.config.js             vue-cli 自定义配置

依赖

  1. uni-app:基于 vue 的多端统一开发框架
  2. vue:JavaScript 渐进式框架
  3. vuex:状态管理
  4. vue-i18n:国际化
  5. jsonapi-vuex:允许通过 vuex store 访问 JSON:API web 服务中的数据。Discuz Q 接口使用的是 JSON:API 规范,所以使用这个库更加方便处理该请求和数据。

TODO

  •  单元测试
  •  部署
  •  CI:Github Action
  •  CR 流程
 

声明:本文内容及配图由入驻作者撰写或者入驻合作网站授权转载。文章观点仅代表作者本人,不代表电子发烧友网立场。文章及其配图仅供工程师学习之用,如有内容侵权或者其他违规问题,请联系本站处理。 举报投诉

评论(0)
发评论

下载排行榜

全部0条评论

快来发表一下你的评论吧 !

'+ '

'+ '

'+ ''+ '
'+ ''+ ''+ '
'+ ''+ '' ); $.get('/article/vipdownload/aid/'+webid,function(data){ if(data.code ==5){ $(pop_this).attr('href',"/login/index.html"); return false } if(data.code == 2){ //跳转到VIP升级页面 window.location.href="//m.obk20.com/vip/index?aid=" + webid return false } //是会员 if (data.code > 0) { $('body').append(htmlSetNormalDownload); var getWidth=$("#poplayer").width(); $("#poplayer").css("margin-left","-"+getWidth/2+"px"); $('#tips').html(data.msg) $('.download_confirm').click(function(){ $('#dialog').remove(); }) } else { var down_url = $('#vipdownload').attr('data-url'); isBindAnalysisForm(pop_this, down_url, 1) } }); }); //是否开通VIP $.get('/article/vipdownload/aid/'+webid,function(data){ if(data.code == 2 || data.code ==5){ //跳转到VIP升级页面 $('#vipdownload>span').text("开通VIP 免费下载") return false }else{ // 待续费 if(data.code == 3) { vipExpiredInfo.ifVipExpired = true vipExpiredInfo.vipExpiredDate = data.data.endoftime } $('#vipdownload .icon-vip-tips').remove() $('#vipdownload>span').text("VIP免积分下载") } }); }).on("click",".download_cancel",function(){ $('#dialog').remove(); }) var setWeixinShare={};//定义默认的微信分享信息,页面如果要自定义分享,直接更改此变量即可 if(window.navigator.userAgent.toLowerCase().match(/MicroMessenger/i) == 'micromessenger'){ var d={ title:'discuzQ小程序、H5、APP端',//标题 desc:$('[name=description]').attr("content"), //描述 imgUrl:'https://'+location.host+'/static/images/ele-logo.png',// 分享图标,默认是logo link:'',//链接 type:'',// 分享类型,music、video或link,不填默认为link dataUrl:'',//如果type是music或video,则要提供数据链接,默认为空 success:'', // 用户确认分享后执行的回调函数 cancel:''// 用户取消分享后执行的回调函数 } setWeixinShare=$.extend(d,setWeixinShare); $.ajax({ url:"//www.obk20.com/app/wechat/index.php?s=Home/ShareConfig/index", data:"share_url="+encodeURIComponent(location.href)+"&format=jsonp&domain=m", type:'get', dataType:'jsonp', success:function(res){ if(res.status!="successed"){ return false; } $.getScript('https://res.wx.qq.com/open/js/jweixin-1.0.0.js',function(result,status){ if(status!="success"){ return false; } var getWxCfg=res.data; wx.config({ //debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。 appId:getWxCfg.appId, // 必填,公众号的唯一标识 timestamp:getWxCfg.timestamp, // 必填,生成签名的时间戳 nonceStr:getWxCfg.nonceStr, // 必填,生成签名的随机串 signature:getWxCfg.signature,// 必填,签名,见附录1 jsApiList:['onMenuShareTimeline','onMenuShareAppMessage','onMenuShareQQ','onMenuShareWeibo','onMenuShareQZone'] // 必填,需要使用的JS接口列表,所有JS接口列表见附录2 }); wx.ready(function(){ //获取“分享到朋友圈”按钮点击状态及自定义分享内容接口 wx.onMenuShareTimeline({ title: setWeixinShare.title, // 分享标题 link: setWeixinShare.link, // 分享链接 imgUrl: setWeixinShare.imgUrl, // 分享图标 success: function () { setWeixinShare.success; // 用户确认分享后执行的回调函数 }, cancel: function () { setWeixinShare.cancel; // 用户取消分享后执行的回调函数 } }); //获取“分享给朋友”按钮点击状态及自定义分享内容接口 wx.onMenuShareAppMessage({ title: setWeixinShare.title, // 分享标题 desc: setWeixinShare.desc, // 分享描述 link: setWeixinShare.link, // 分享链接 imgUrl: setWeixinShare.imgUrl, // 分享图标 type: setWeixinShare.type, // 分享类型,music、video或link,不填默认为link dataUrl: setWeixinShare.dataUrl, // 如果type是music或video,则要提供数据链接,默认为空 success: function () { setWeixinShare.success; // 用户确认分享后执行的回调函数 }, cancel: function () { setWeixinShare.cancel; // 用户取消分享后执行的回调函数 } }); //获取“分享到QQ”按钮点击状态及自定义分享内容接口 wx.onMenuShareQQ({ title: setWeixinShare.title, // 分享标题 desc: setWeixinShare.desc, // 分享描述 link: setWeixinShare.link, // 分享链接 imgUrl: setWeixinShare.imgUrl, // 分享图标 success: function () { setWeixinShare.success; // 用户确认分享后执行的回调函数 }, cancel: function () { setWeixinShare.cancel; // 用户取消分享后执行的回调函数 } }); //获取“分享到腾讯微博”按钮点击状态及自定义分享内容接口 wx.onMenuShareWeibo({ title: setWeixinShare.title, // 分享标题 desc: setWeixinShare.desc, // 分享描述 link: setWeixinShare.link, // 分享链接 imgUrl: setWeixinShare.imgUrl, // 分享图标 success: function () { setWeixinShare.success; // 用户确认分享后执行的回调函数 }, cancel: function () { setWeixinShare.cancel; // 用户取消分享后执行的回调函数 } }); //获取“分享到QQ空间”按钮点击状态及自定义分享内容接口 wx.onMenuShareQZone({ title: setWeixinShare.title, // 分享标题 desc: setWeixinShare.desc, // 分享描述 link: setWeixinShare.link, // 分享链接 imgUrl: setWeixinShare.imgUrl, // 分享图标 success: function () { setWeixinShare.success; // 用户确认分享后执行的回调函数 }, cancel: function () { setWeixinShare.cancel; // 用户取消分享后执行的回调函数 } }); }); }); } }); } function openX_ad(posterid, htmlid, width, height) { if ($(htmlid).length > 0) { var randomnumber = Math.random(); var now_url = encodeURIComponent(window.location.href); var ga = document.createElement('iframe'); ga.src = 'https://www1.elecfans.com/www/delivery/myafr.php?target=_blank&cb=' + randomnumber + '&zoneid=' + posterid+'&prefer='+now_url; ga.width = width; ga.height = height; ga.frameBorder = 0; ga.scrolling = 'no'; var s = $(htmlid).append(ga); } } openX_ad(828, '#berry-300', 300, 250);