7 Unstar Star 5 Fork 1

EngineChina / CloudCenter3JavaScriptMIT

Create your Gitee Account
Explore and code with more than 5 million developers,Free private repositories !:)
Sign up
CloudCenter3 UI lib Taro.js 组件库 spread retract

Clone or download
Cancel
Notice: Creating folder will generate an empty file .keep, because not support in Git
Loading...
README.md

CloudCenter3

开发者信息

todo:

  1. 把自己的博客补全
  2. 补全文档库
  3. 找一个文档仓库,记录开发总的注意事项。
  4. 考虑到用户存在没有网络的情况,所以得到的数据放到 storage 里面,如果网络连接失败的情况,APP端是可以直接获取本地缓存数据并展现的。
  5. 准备优化storage能力,涉及到很多的同步异步问题需要好好处理。

环境要求:

  • Node.js >= 10.0.0
  • MongoDB >= 6.0

开发环境

  • IDE >= VSCode
  • Git >= SourceTree

关于测试数据

Mock Link

EasyMock 这是一个免费的在线Mock文档库,没有money,只好用免费的。然后注册好了私信群里加入项目。

Api 接口设计规范

{
	// 请求成功
	"status": "ok",
}

关于开发规范

开发环境(*可选)

  1. Eslint
  2. GitHistory & *GitLens
  3. *color highlight
  4. *Auto Close Tag
  5. *Auto Rename Tag
  6. ESLint (with autoFixOnSave: boolean | string[])

命名

  1. 统一采用驼峰命名规则。
  2. 对于类可以首字母大写。
  3. 方法名称需要著名对应功能,比如get、click、fetch等
  4. 标签的属性名称统一使用单引号
  5. 所有语句都去掉;

缩写

统一缩写,这里列出来常见等可用缩写内容:

序号 缩写 表示 描述
1 v value 一些参数的值统一采用缩写v
2 t type type的简写
3 rq request 请求
4 rs result/respons 返回值

模块

获取用户IP地址 * 废弃

使用这个方法会报错,目前还没空去解决它。

  <script src="http://pv.sohu.com/cityjson?ie=utf-8"></script>

错误信息

A cookie associated with a cross-site resource at http://sohu.com/ was set without the `SameSite` attribute. A future release of Chrome will only deliver cookies with cross-site requests if they are set with `SameSite=None` and `Secure`. You can review cookies in developer tools under Application>Storage>Cookies and see more details at https://www.chromestatus.com/feature/5088147346030592 and https://www.chromestatus.com/feature/5633521622188032.

状态管理 (@tarojs/mobx)

MobX 为复杂项目中状态管理提供了一种简单高效的机制;Taro 提供了 @tarojs/mobx 来让开发人员在使用 MobX 的过程中获得更加良好的开发体验。 教程

简单的使用方法:

安装模块

$ yarn add mobx@4.8.0 @tarojs/mobx @tarojs/mobx-h5 @tarojs/mobx-rn
# 或者使用 npm
$ npm install --save mobx@4.8.0 @tarojs/mobx @tarojs/mobx-h5 @tarojs/mobx-rn
// src/store/counter.js
import { observable } from 'mobx'

const counterStore = observable({
  counter: 0,
  counterStore() {
    this.counter++
  },
  increment() {
    this.counter++
  },
  decrement() {
    this.counter--
  },
  incrementAsync() {
    setTimeout(() =&gt; {
      this.counter++
    }, 1000)
  }
})

export default counterStore

统一的全局变量(golbalData)模块

Taro.galbalData(key,value)

单独传key情况下视为获取全局变量方法,传了key、data的情况下视为设置全局变量,key、value均不传视为清理全局变量方法。

统一的request模块

Taro.rq({url:xxx,method:'POST',data:{}}).then(row=>console.log(row))

method可以不传,默认情况下视为GET方法,支持promise

统一的localstorage模块

Taro.storages(name,data)

单独传key情况下视为getStorage方法,传了key、data的情况下视为setStorage,不传key、data的情况下视为clearStorageSync,支持promise

统一的router模块

// 基本路由跳转 path是目标地址,只需要index/index,无需填写全部路径。data为传值的内容
Taro.R.goto(path, data)
// 重置路由跳转,无历史记录,不可返回。
Taro.R.reto(path, data)
// 返回上一页,上几页。默认num不传值情况为返回上一页。
Taro.R.backto(num)

utils模块

todo:丹阳

util: https://juejin.im/post/5de5be53f265da05c33fcbb4

Sass模块

todo:幻城

往app.sass中添加内容,可以参照全栈之巅教程中的第三章前面几节内容,然后好好百度,抓紧时间开发!

技术栈

  • Node.js: Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行时。[访问中文网]
  • express.js: 基于 Node.js 平台,快速、开放、极简的 Web 开发框架。[访问官网]
  • MongoDB: MongoDB 是一个基于分布式文件存储的数据库。由 C++ 语言编写。旨在为 WEB 应用提供可扩展的高性能数据存储解决方案。 基于分布式文件存储的数据库 高性能、可扩展、易部署、易使用,存储数据非常方便。[访问官网]
  • Mongoose: Mongoose为模型提供了一种直接的,基于scheme结构去定义你的数据模型。它内置数据验证, 查询构建,业务逻辑钩子等,开箱即用。[访问中文官网]
  • Vue.js: 结构清晰、代码规范、在开发快速的同时还兼顾性能的极致追求。[访问中文官网]
  • Element-ui: 权限管理、组件丰富、第三方应用多、分层解耦化设计和先进的设计思想。[访问官网]
  • React.js: React 使创建交互式 UI 变得轻而易举。为你应用的每一个状态设计简洁的视图,当数据改变时 React 能有效地更新并正确地渲染组件。 以声明式编写 UI,可以让你的代码更加可靠,且方便调试。 [访问官网]
  • Taro.js: Taro 是凹凸实验室开发的多端统一开发解决方案。 [访问官网]
  • Taro-ui: 一套基于 Taro 框架开发的多端 UI 组件库 [访问官网]

项目演示

部署说明

部署教程

数据库模型说明

	Article		//文章模型
	Auth		//邮箱验证模型
	Category	//分类模型
	Cloud		//云盘保存账户模型
	CloudResouse//云资源模型
	Configure	//系统设置模型
	Menber		//会员模型
	MenberDetile//会员基本资料模型
	Navigation	//导航数据模型
	Swiper		//跑马灯数据模型
	UserLocked	//会员解锁数据模型
	UserLove	//会员收藏模型
	UserVip		//超级会员模型

安全&缺陷

如果你发现了一个安全漏洞或缺陷,请发送邮件到 3206107745@qq.com,所有的安全漏洞都将及时得到解决。

版权信息

EngineChina 提供个人非商业用途免费使用,商业需授权。

版权所有Copyright © 2020 EngineChina(GitHub.Gold) (http://GitHub.Gold)

All rights reserved。

更多细节参阅 LICENSE.txt

Comments ( 0 )

Sign in for post a comment

JavaScript
1
https://gitee.com/EngineChina/CloudCenter3.git
git@gitee.com:EngineChina/CloudCenter3.git
EngineChina
CloudCenter3
CloudCenter3
master

Search

132457 8cb2edc1 1899542 131848 70c8d3a4 1899542