郭晓刚 發表於 2020-6-3 23:54:00

租房类微信小程序-基于微信云开发-小程序端集成了管理员后台-一键部署,快速发布

<p><em><strong>温馨提醒</strong></em></p>
<ol>
<li>
<p>本项目使用 <code>LGPL-3.0</code>协议,并且<code>已经申请软件著作权登记,我们拥有完整的版权</code>,<em><strong>请勿商用(请使用商用版)、请勿售卖、请勿售卖、请勿售卖</strong></em>,仅适用于学习交流,开源版 <code>不提供无偿的</code> 部署指导、维护修改服务。</p>
</li>
<li>
<p><em><strong>本项目不在任何平台出售,各个平台出售的均为盗版,如有发现请积极举报!</strong></em></p>
</li>
</ol>
<blockquote>
<p><em><strong>如果看不懂本篇文档、不会部署、小白等,建议直接阅读配套的保姆级别视频教程,下文有提到怎么获取视频教程。</strong></em></p>
</blockquote>
<blockquote>
<p><em><strong>如需商用升级稳定版,小程序定制「包括但不限于课设、毕设等」可联系我,联系方式在本博客页面右上角 博客园;</strong></em></p>
</blockquote>
<p><em><strong>在此奉劝某些人,请尊重作者的劳动成果,做人积点德吧!最近发现有人拿我的源码进行二次分发,不但不标注源码出处,甚至以此牟利。如果你花了钱购买本程序,请积极举报!</strong></em></p>
<ul>
<li>[其他开源项目]</li>
</ul>
<ol>
<li>表白墙 https://github.com/lx164/SayLove</li>
<li>https://www.cnblogs.com/LiangSenCheng/p/12543230.html</li>
</ol>
<ul>
<li> 更新说明:</li>
</ul>
<p>如果公众号搜索找不到,可以加我微信哈,微信在文章右边。</p>
<ul>
<li> 更新说明:</li>
</ul>
<p><em><strong><code>关注公众号【开源分享汇】获取最新版,精心制作的部署教程视频。看了视频后,即使你是小白也能包你成功部署。</code></strong></em></p>
<ul>
<li> 更新说明:</li>
</ul>
<p>最近有不少反馈说,为什么已经注册成功了,在首页还是一直弹窗提示要注册,这个问题是因为上个月微信改了授权规则了,这里的授权规则需要你自己修改一下。官方具体公告请参考这里</p>
<ul>
<li> 更新说明:</li>
</ul>
<p>有反馈说,按照配置无法正常使用管理员,<em>请注意看配置过程第6步</em>;<br>
主要问题是由于集合<code>AdminStator</code>中管理员信息与集合<code>UserList</code>中注册用户的信息不一致造成的<em>请注意看配置过程第6步</em>;</p>
<ul>
<li> 更新说明:</li>
</ul>
<ol>
<li>根据反馈,解决了首页公告无法更新的问题。</li>
<li>根据反馈,以下问题可以进行优化:<br>
登录的逻辑可能无法过审核,后面会进行更新。<br>
详情页面的跳转问题</li>
</ol>
<ul>
<li> 更新说明:</li>
</ul>
<p>有反馈说,按照配置无法正常使用,删除了原来我的云环境ID,更改成了自动识别云环境ID。使用时只需修改<code>app.js</code>里初始化云环境ID的代码即可,后面的配置过程有说明。</p>
<h2 id="已经申请软件著作权登记我们拥有完整的版权">已经申请软件著作权登记,我们拥有完整的版权</h2>
<p><img src="https://img2024.cnblogs.com/blog/1697917/202401/1697917-20240105141506802-1828502164.png" alt="" loading="lazy"></p>
<h2 id="项目简介">项目简介</h2>
<p>本项目花了大概一个月时间,做完之后一直遗忘在了硬盘里,这几天才想起来,故顺便整理一下开源了。</p>
<blockquote>
<p>项目虽然没有做的很完整,但是整体的数据架构还算是可以的,可以很容易进行功能完善和添加新功能。里面还有很多可以完善的地方,比如 <code>公司资质</code> 页面可以做的更加精细一些,<code>房子详情页</code> 可以添加地图之类的内容等。</p>
</blockquote>
<p>原本是别人找我帮一家中介小店些的一个租房小程序,对方没给设计图、也没有提具体需求,只是让我凭感觉来做。由于没有写过这方面的小程序,也没有很好的规划页面布局,所以UI方面稍微差了点。在项目快完成的时候,介绍的那个人跑路了,所以就没有后续了,想着与其直接删除还不如开源分享给大家一起讨论学习。</p>
<p>这个项目的经历也让我明白了一些事情,就是如果别人委托自己帮做项目的时候,不管项目的规模如何,在接受委托前一定要考虑清楚。特别是没有付定金的这种委托,一定要谨慎,不要期望那种说你先做着后面再谈钱,哪怕是跟你认识的人也是一样要谨慎。还有就是不提明确需求的也不要轻易接受,这种人很容易中途变卦的。如果不想清楚的话,机会浪费时间又浪费精力。</p>
<blockquote>
<p>本程序已经经过测试,拿来按照说明简单配置就可以直接使用,界面可以自己进行修改。本人热爱小程序,目前上线并维护的有两个,后面看情况再找时间进行开源。<br>
由于本人的能力有限,还有很多地方没法完善,望指正!</p>
</blockquote>
<h2 id="目录结构">目录结构</h2>
<pre><code>|--|-- cloudfunctions 云函数
|--|--|--|-- AdminManage
|--|--|--|-- Entrust
|--|--|--|-- HouseInfo
|--|--|--|-- InitInfo
|--|--|--|-- Manager
|--|--|--|-- PublishEntrust
|--|-- miniprogram 小程序页面
|--|--|--Adminpackage 管理员后台(分包)
|--|--|--|--略
|--|--|--CalculatorPackage 房贷计算器(分包)
|--|--|--|--略
|--|--|--Companypackage 主要页面(分包)
|--|--|--|--略
|--|--|--dist 一些用到的组件,只用到了一小部分
|--|--|--pages 主包(主要是底部NaviBar页面)
|--|--|--|--略
|--|--其他页面略
|--README.md
</code></pre>
<h2 id="功能说明">功能说明</h2>
<ol>
<li>新房、租房、二手房</li>
<li>房贷计算器</li>
<li>公司介绍</li>
<li>公告</li>
<li>管理员</li>
</ol>
<blockquote>
<p>1-4 点都没啥好说的,下面主要介绍一下 <code>管理员后台的实现</code></p>
</blockquote>
<p><code>管理员后台集成在了小程序端</code>,入口隐藏在 <code>个人中心</code> 页面 <code>连续点击5次</code> 头像名字那里,就可以进入到管理员后台,进入后台的时候会在 <code>云函数AdminManage</code>进行管理员鉴权:</p>
<ul>
<li>如果不是管理员,会跳转到扫码加入管理员;</li>
<li>如果是管理员,那就跳转到管理员后台;</li>
</ul>
<blockquote>
<p>由于管理员数据库设置了权限为 <code>所有用户不可读写</code> ,因此鉴权是只能在云函数里面进行,这是第一道防线;后面在管理员后台的操作都是在云函数完成的,即使是小程序被反编译了,也不可能突破权限,安全性上还是经得住考验的。</p>
</blockquote>
<h2 id="配置过程">配置过程</h2>
<p><em><strong><code>强烈推荐直接看我们的部署教程视频,关注公众号【开源分享汇】获取最新版,精心制作的部署教程视频。看了视频后,即使你是小白也能包你成功部署。</code></strong></em></p>
<ol>
<li>
<p>直接下载源码,源码地址:https://github.com/lx164/house<br>
或者clone项目 git clone https://github.com/lx164/house.git</p>
</li>
<li>
<p>打开微信开发者工具,导入项目(导入的时候请选择 APP 文件夹);</p>
</li>
<li>
<p>填写APPID;</p>
</li>
<li>
<p>开通云开发环境(请参考官方文档);</p>
</li>
<li>
<p>新建以下数据库集合:</p>
</li>
</ol>
<pre><code>    AdminStator
    Collections
    CompanyInfo
    ContactList
    Entrust
    NewHouse
    Recommend
    RentingHouse
    SecondHouse
    TempCllection
</code></pre>
<ol start="6">
<li>设置管理员,把以下的字段内容添加到该记录中,下面的内容根据你的实际情况填写:</li>
</ol>
<pre><code class="language-json">    "level":0,
    "avatarUrl":"头像链接",
    "updatetime":"2023/06/01 06:01:18",
    "_openid":"wx456KzkUKRp5i7xn2RRqWDE7x8",
    "name":"管理员",
    "phone":"13677894509"
</code></pre>
<ol start="7">
<li>
<p>上传 <code>cloudfunctions</code> 文件夹下所有的云函数,上传时选择 <code>上传并部署:云端安装依赖</code>;</p>
</li>
<li>
<p>找到<code>app.js</code>中下述对应的代码,并根据实际情况修改:</p>
</li>
</ol>
<pre><code class="language-javascript">    wx.cloud.init({
      env: '云环境',
      traceUser: true,
    })
</code></pre>
<ol start="9">
<li>编译运行。</li>
</ol>
<h2 id="界面预览">界面预览</h2>
<p><img src="https://img2022.cnblogs.com/blog/1697917/202205/1697917-20220525003827415-1228259600.png" alt="" loading="lazy"><br>
<img src="https://img2022.cnblogs.com/blog/1697917/202205/1697917-20220525003841451-1167866417.png" alt="" loading="lazy"><br>
<img src="https://img2022.cnblogs.com/blog/1697917/202205/1697917-20220525003850966-226841789.png" alt="" loading="lazy"><br>
<img src="https://img2022.cnblogs.com/blog/1697917/202205/1697917-20220525003859643-119685392.png" alt="" loading="lazy"><br>
<img src="https://img2022.cnblogs.com/blog/1697917/202205/1697917-20220525003906776-1083112128.png" alt="" loading="lazy"><br>
<img src="https://img2022.cnblogs.com/blog/1697917/202205/1697917-20220525003914941-147433759.png" alt="" loading="lazy"><br>
<img src="https://img2022.cnblogs.com/blog/1697917/202205/1697917-20220525003924018-1330153753.png" alt="" loading="lazy"><br>
<img src="https://img2022.cnblogs.com/blog/1697917/202205/1697917-20220525003929624-462112149.png" alt="" loading="lazy"><br>
<img src="https://img2022.cnblogs.com/blog/1697917/202205/1697917-20220525003935673-1502816130.png" alt="" loading="lazy"><br>
<img src="https://img2022.cnblogs.com/blog/1697917/202205/1697917-20220525003953572-452870391.png" alt="" loading="lazy"></p>
<h2 id="结语">结语</h2>
<p>欢迎一起探讨,如果你觉得还可以,您可以给我点一个start,或者赞赏我<br>
<img src="https://blog-static.cnblogs.com/files/LiangSenCheng/zanshang.gif" alt="zanshang" loading="lazy"></p>
<h2 id="参考文档">参考文档</h2>
<ul>
<li>微信小程序云开发文档</li>
</ul>
<p><img src="https://img2023.cnblogs.com/blog/1697917/202304/1697917-20230421235109796-990507693.png" alt="" loading="lazy"></p>


</div>
<div id="MySignature" role="contentinfo">
    <div style="padding: 20px;background: rgba(73, 177, 245, 0.1);border-radius: 12px; color:#6a737d;display:flex;align-content: center;justify-content: space-between;">
    <img style="width:160px;height:160px;margin-right:10px;border-radius: 12px;" src="https://files.cnblogs.com/files/LiangSenCheng/qrcode_for_gh_70390af0bcb2_258.gif?t=1703831339&download=true" mode="aspectFit|aspectFill|widthFix" lazy-load="false" binderror="" bindload="" />
    <div>
      <p style="margin-bottom: 5px;">作者:LiangSenCheng小森森 开源分享汇 公众号</p>
      <p style="margin-bottom: 5px;display:none;">GitHub:
            https://github.com/lx164
      </p>
      <p style="margin-bottom: 12px">出处:https://www.cnblogs.com/LiangSenCheng/p/13040899.html</p>
      <p style="margin-bottom: 5px;display:none;">
            联系:lx9625@foxmail.com
      </p>
      <div style="margin-bottom: 8px;display:none;">如果对你有帮助,请给我一个Start,或者扫描二维码对我进行赞赏。</div>
      <div>
            本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。如有问题或建议请联系作者,非常感谢。
      </div>
    </div>
</div><br><br>
来源:https://www.cnblogs.com/LiangSenCheng/p/13040899.html
頁: [1]
查看完整版本: 租房类微信小程序-基于微信云开发-小程序端集成了管理员后台-一键部署,快速发布