草庐IT

云开发（微信-小程序）笔记（十七）---- cms(内容管理)及案例

Cat God 007 2023-09-17 原文

云开发（微信-小程序）笔记（十六）---- 评论

1.cms(内容管理)

1-1.cms内容管理

云开发 --> 更多 --> 内容管理 --> 点击开通（可能需要1~7分钟）

一个云开发对应一个内容管理（cms）,如果开通失败，就创建新的开发环境去开通内容管理（cms）,如果还不行的话，就需要重新注册新的小程序（一个小程序可以开通两个云开发环境）

1-2.CMS（可视化管理后台）的进入

云开发 --> 更多 --> 内容管理 -->点击访问地址

其中：内容模型的作用有数据库的创建，数据库字段的创建。

1-3.cms的小建议与注意事项

cms里面的数据自动同步到数据库中，数据库中的数据同步到cms里面就需要创建相同集合和字段名的数据库。

标题建议使用单行字符串，正文等建议使用多行字符串。

枚举类型相当于是选择，如做单选题，选项就是枚举类型。

需要进行时间排序就选择毫秒时间，不需要时间排序就选择时间字符串。

2.简易新闻案例

富文本官方文档
https://developers.weixin.qq.com/miniprogram/dev/component/rich-text.html

2-1.cms构建数据库与数据导入

2-2.编写app.json文件，创建两个页面

 "pages": [
    "pages/cms/cms",
    "pages/cms-1/cms-1",

2-3.编写cms.js文件

// pages/cms/cms.js
Page({
  //生命周期函数--监听页面加载
  onLoad(options) {
    wx.cloud.database().collection('news')
    .get()
    .then(res =>{
      console.log('请求数据成功！',res)
      this.setData({
        list: res.data
      })
    })
    .catch(res =>{
      console.log('请求数据失败! ',res)
    })
  },
  //跳转新闻详情页
  gocms(e){
    // console.log(e.currentTarget.dataset.id)
    wx.navigateTo({
      url: '/pages/cms-1/cms-1?id='+ e.currentTarget.dataset.id,
    })
  }
})

2-4.编写cms.json文件

{
  "usingComponents": {},
  "navigationBarTitleText": "首页"
}

2-5.编写cms.wxml文件

<!--pages/cms/cms.wxml-->
<view class="item" wx:for="{{list}}" wx:key="index" bindtap="gocms" data-id="{{item._id}}">
<view>{{item.title}}</view>
<view>{{item.time}}</view>
</view>

2-6.编写cms.wxss文件

/* pages/cms/cms.wxss */
.item{
  padding: 15rpx;
  border-bottom: 1px solid gainsboro;
}

2-7.编写cms-1.js文件

// pages/cms-1/cms-1.js
Page({
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(options) {
   wx.cloud.database().collection('news').doc(options.id).get()
    .then(res => {
      console.log('详情页请求成功',res)
      this.setData({
        data: res.data
      })
    })
    .catch( res => {
      console.log('详情页请求失败',res)
    })
  }
})

2-8.编写cms-1.json文件

{
  "usingComponents": {},
  "navigationBarTitleText": "新闻详情"
}

2-9.编写cms-1.wxml文件

<!--pages/cms-1/cms-1.wxml-->
<view class="title">{{data.title}}</view>
<view class="time">发布时间：{{data.time}}</view>
<!---富文本组件-->
<rich-text nodes="{{data.content}}"></rich-text>

2-10.编写cms-1.wxss文件

/* pages/cms-1/cms-1.wxss */
.title{
  font-size: 40rpx;
}
.time{
  font-size: 28rpx;
  color: gray;
}

2-11.效果图（视频）

https://live.csdn.net/v/208963

小程序-内容管理


感谢大家，点赞，收藏，关注，评论！

云开笔记spanclasstoken小程序微信微信小程序

有关云开发（微信-小程序）笔记（十七）---- cms(内容管理)及案例的更多相关文章

  1. ruby - 在 Ruby 程序执行时阻止 Windows 7 PC 进入休眠状态 - 2

    我需要在客户计算机上运行Ruby应用程序。通常需要几天才能完成(复制大备份文件)。问题是如果启用sleep，它会中断应用程序。否则，计算机将持续运行数周，直到我下次访问为止。有什么方法可以防止执行期间休眠并让Windows在执行后休眠吗？欢迎任何疯狂的想法;-) 最佳答案 Here建议使用SetThreadExecutionStateWinAPI函数，使应用程序能够通知系统它正在使用中，从而防止系统在应用程序运行时进入休眠状态或关闭显示。像这样的东西:require'Win32API'ES_AWAYMODE_REQUIRED=0x0

  2. ruby - 如何指定 Rack 处理程序 - 2

    Rackup通过Rack的默认处理程序成功运行任何Rack应用程序。例如:classRackAppdefcall(environment)['200',{'Content-Type'=>'text/html'},["Helloworld"]]endendrunRackApp.new但是当最后一行更改为使用Rack的内置CGI处理程序时，rackup给出“NoMethodErrorat/undefinedmethod`call'fornil:NilClass”:Rack::Handler::CGI.runRackApp.newRack的其他内置处理程序也提出了同样的反对意见。例如Rack

  3. ruby - 将数组的内容转换为 int - 2

    我需要读入一个包含数字列表的文件。此代码读取文件并将其放入二维数组中。现在我需要获取数组中所有数字的平均值，但我需要将数组的内容更改为int。有什么想法可以将to_i方法放在哪里吗？ClassTerraindefinitializefile_name@input=IO.readlines(file_name)#readinfile@size=@input[0].to_i@land=[@size]x=1whilex 最佳答案 只需将数组映射为整数:@land边注如果你想得到一条线的平均值，你可以这样做:values=@input[x]

  4. ruby - 在 Ruby 中编写命令行实用程序 - 2

    我想用ruby​​编写一个小的命令行实用程序并将其作为gem分发。我知道安装后，Guard、Sass和Thor等某些gem可以从命令行自行运行。为了让gem像二进制文件一样可用，我需要在我的gemspec中指定什么。 最佳答案 Gem::Specification.newdo|s|...s.executable='name_of_executable'...endhttp://docs.rubygems.org/read/chapter/20 关于ruby-在Ruby中编写命令行实用程序

  5. ruby-on-rails - Rails 应用程序之间的通信 - 2

    我构建了两个需要相互通信和发送文件的Rails应用程序。例如，一个Rails应用程序会发送请求以查看其他应用程序数据库中的表。然后另一个应用程序将呈现该表的json并将其发回。我还希望一个应用程序将存储在其公共(public)目录中的文本文件发送到另一个应用程序的公共(public)目录。我从来没有做过这样的事情，所以我什至不知道从哪里开始。任何帮助，将不胜感激。谢谢! 最佳答案 无论Rails是什么，几乎所有Web应用程序都有您的要求，大多数现代Web应用程序都需要相互通信。但是有一个小小的理解需要你坚持下去，网站不应直接访问彼此

  6. ruby - 无法运行 Rails 2.x 应用程序 - 2

    我尝试运行2.x应用程序。我使用rvm并为此应用程序设置其他版本的ruby​​:$rvmuseree-1.8.7-head我尝试运行服务器，然后出现很多错误:$script/serverNOTE:Gem.source_indexisdeprecated,useSpecification.Itwillberemovedonorafter2011-11-01.Gem.source_indexcalledfrom/Users/serg/rails_projects_terminal/work_proj/spohelp/config/../vendor/rails/railties/lib/r

  7. ruby-on-rails - Rails 应用程序中的 Rails : How are you using application_controller. rb 是新手吗？ - 2

    刚入门rails，开始慢慢理解。有人可以解释或给我一些关于在application_controller中编码的好处或时间和原因的想法吗？有哪些用例。您如何为Rails应用程序使用应用程序Controller？我不想在那里放太多代码，因为据我了解，每个请求都会调用此Controller。这是真的？ 最佳答案 ApplicationController实际上是您应用程序中的每个其他Controller都将从中继承的类(尽管这不是强制性的)。我同意不要用太多代码弄乱它并保持干净整洁的态度，尽管在某些情况下ApplicationContr

  8. ruby-on-rails - 如何在我的 Rails 应用程序 View 中打印 ruby​​ 变量的内容？ - 2

    我是一个Rails初学者，但我想从我的RailsView(html.haml文件)中查看Ruby变量的内容。我试图在ruby​​中打印出变量(认为它会在终端中出现)，但没有得到任何结果。有什么建议吗？我知道Rails调试器，但更喜欢使用inspect来打印我的变量。 最佳答案 您可以在View中使用puts方法将信息输出到服务器控制台。您应该能够在View中的任何位置使用Haml执行以下操作:-puts@my_variable.inspect 关于ruby-on-rails-如何在我的R

  9. ruby - 查找字符串中的内容类型(数字、日期、时间、字符串等) - 2

    我正在尝试解析一个CSV文件并使用SQL命令自动为其创建一个表。CSV中的第一行给出了列标题。但我需要推断每个列的类型。Ruby中是否有任何函数可以找到每个字段中内容的类型。例如，CSV行:"12012","Test","1233.22","12:21:22","10/10/2009"应该产生像这样的类型['integer','string','float','time','date']谢谢! 最佳答案 require'time'defto_something(str)if(num=Integer(str)rescueFloat(s

  10. ruby - 检查是否通过 require 执行或导入了 Ruby 程序 - 2

    如何检查Ruby文件是否是通过“require”或“load”导入的，而不是简单地从命令行执行的？例如:foo.rb的内容:puts"Hello"bar.rb的内容require'foo'输出:$./foo.rbHello$./bar.rbHello基本上，我想调用bar.rb以不执行puts调用。 最佳答案 将foo.rb改为:if__FILE__==$0puts"Hello"end检查__FILE__-当前ruby​​文件的名称-与$0-正在运行的脚本的名称。 关于ruby-检查是否

随机推荐