小程序模拟建立数据库

module.exports知识点讲解:

module.exports对象是由模块系统创建的。在我们自己写模块的时候,需要在模块最后写好模块接口,声明这个模块对外暴露什么内容,module.exports 提供了暴露接口的方法。

1、返回一个JSON Object

varapp = {

name:'app',

version:'1.0.0',

sayName:function(name){

console.log(this.name); }}

module.exports= app;

保存文件名为app.js

这种方法可以返回全局共享的变量或者方法。

========================================

然后,在其他的js中调用这一段代码,需要require()方法

在需要的js代码的第一行加入这一行代码

varapp =require('./app.js');

app.sayName('hello');// 返回值为hello

app.version;//返回值为 '1.0.0'

===================================

2、返回一个构造函数

CLASS.js:

调用:

3、返回一个实例对象:

2.调用:

equire最常用的方法

require(‘http’) 内置模块

require(‘./server’) “./”表示当前路径,后面跟的是相对路径

require(“../lib/server”) ../表示上一级目录,后面跟的也是相对路径

在其他的js中调用模块代码,必须用相对路径,采用绝对路径是不正确的。

=============================

3.下面是实在小程序中的应用

首先,在小程序中创建一个根级文件夹data,在js代码块存放数据,数据可以是一个数据,对象,变量

varlocal_database = [

{

title:'紫藤萝瀑布',

content:'222辅导费'

},

{

title:'秋天的怀念',

content:'佛挡杀佛'

},

{

title:'值班表',

content:'格式化代码'

},

{

title:'紫藤萝瀑布',

content:'222辅导费'

},

{

title:'秋天的怀念',

content:'佛挡杀佛'

}

]

module.exports = {

postList: local_database

}

解释:在js代码的最后加入module.exports={ } module.exports是模板出口的意思。对象中采用键值对的形式。

当然了,模拟数据中不仅仅只有一个数组,例如还可以有一个变量

在数组后面再次添加:

var a="你好"

exports就变成这样:

module.exports = {

postList: local_database;

cc:a

}

postList是自己任意定义的变量,可以不经过声明

3.在其他的js文件中调用(小程序中)

第一步:varpostsData =require('../../data/posts-data.js')//只能采用相对路径,postsData获得对象

第二步:

onLoad:function(options) {

this.setData({

list: postsData.postList

});

}

postsData是一个对象,postList是前面定义的数组名字。

第三步:

在wxml中绑定数据

{}

用item.title就能获取模拟数据库中的所有title标题

=============================

小程序跳转到详情页,首先需要一个事件,catchtap='onPostTap',在js中书写事件函数。

onPostTap:fufnction(event){

congsole.log(event.)

}

  • 发表于:
  • 原文链接:https://kuaibao.qq.com/s/20181111G0APRY00?refer=cp_1026
  • 腾讯「云+社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。

同媒体快讯

扫码关注云+社区

领取腾讯云代金券