湖南网站建设seo优化html代码大全表格

当前位置： 首页 > news >正文

湖南网站建设seo优化,html代码大全表格,wordpress qq登陆评论,wordpress大不了遇到一个问题#xff0c;就是上传的图片#xff0c;在手机上可以下载了#xff0c;但在电脑上怎么下载到电脑 里#xff0c;包括上传的文件 点击查看页面就可以吧#xff0c;在企业工作台里 我做了查看页面#xff0c;小程序可以#xff0c;但H5和电脑页面不行 你创建一… 遇到一个问题就是上传的图片在手机上可以下载了但在电脑上怎么下载到电脑 里包括上传的文件 点击查看页面就可以吧在企业工作台里 我做了查看页面小程序可以但H5和电脑页面不行 你创建一个模型应用发布到企业工作台呢 还没有试过 移动端我们的历史教程里已经讲解了如何上传和下载文件上传呢是依赖于表单的文件上传组件而下载呢是依赖的小程序的文件下载API 但是附件上传到微搭里如果是搭建PC端的应用以上的方法就不行了。要想解决问题我们先需要梳理几个概念。 第一个就是我回复的自定义应用和模型应用的区别。自定义应用呢可以理解为可以公开访问的应用比如我们的H5、小程序、PC网站。 而模型应用呢可以理解为我们经常使用的网页管理后台通常需要输入用户名和密码登录之后有的是搭配了门户比如可以显示待办、消息通知、常用应用和需要展示的一些通知公告信息。 如果没有复杂需求的可能也就是简单的一个管理后台通常左边是模块列表右边是表格。 概念理清楚之后要结合你自己的应用场景来进行选择。因为模型应用占用了内部账号每个账号都需要按月支付费用通常如果需要多人使用的我们不建议选择搭建模型应用。而搭建自定义应用就需要考虑组件的选择问题。 微搭的组件是分为移动端的组件和PC端的组件移动端我们因为屏幕比较小通常是使用块状结构从上到下展示信息。而PC端应用我们通常需要使用表格组件结合分页的功能来展示数据。 为了解决上述的问题我们实际还原一下现实的场景。 1 搭建数据源 初学者可能有个疑问我的附件要存放到哪里呢这里就要梳理几个思路第一个是附件存在哪里第二个就是附件如何访问。 微搭的底层是使用的云开发云开发由几个基本要素组成云函数、云数据库、云存储。我们的附件其实是存放在云存储里。对外访问的时候要换取临时链接这个临时链接其实就是通过域名访问的一个互联网路径。 为啥要有临时路径这个概念呢因为你使用公有云尤其是按量付费这种模式很容易被攻击。对方如果猜到你的附件的存放路径可以使用脚本批量刷量你的套餐很容易被刷爆。为了防范这个问题你每次访问附件的时候给你一个临时路径有一定的有效期过期就失效了这样就可以保护你的资源。 那我怎么知道我的附件在哪存放的呢通常我们附件上传到云存储后会给你返回一个fileid这个fileid就表示你附件的存放路径我们需要把这个路径存放到数据库里这样下次就知道去哪取了。 总结一下附件真实存放在云存储里而附件的存放路径存放在数据库里。 概念清楚了之后微搭是通过字段来存放路径的登录微搭的控制台点击新建数据模型输入模型的名称系统自动生成标识 点击编辑按钮进入编辑模式可以添加字段 添加一个附件字段字段类型选择文件 回到数据模型列表点击更多点击管理数据 上传一个附件 可以看到查看页面并不能下载附件 我们其实就需要修改一下查看页面提供附件的下载功能 2 创建自定义应用 为了实现附件的下载功能我们需要先创建一个自定义应用应用类型的话选择支持web 输入应用名称选择支持的平台类型 先将应用的模式切换成电脑模式 然后添加数据表格组件 数据模型选择我们创建的数据源 操作列默认只有删除按钮我们选中操作列添加一个查看按钮 类型选择链接 给按钮增加一个点击事件打开页面跳转到查看页面。我们需要先新建一个查看页面点击页面组件区的号 输入页面的名称 回到首页选中我们的按钮增加点击事件 选中打开页面 选择我们刚刚创建的附件查看页面点击新建URL参数 输入变量标识id 选择id旁边的fx进行数据绑定从记录列表里选择数据标识 切换到附件查看页面添加数据详情组件数据模型选择附件上传 默认的附件字段因为是存储的路径所以体现的是文本形式我们要修改一下将文本组件替换成链接组件 我们的数据详情组件需要设置筛选条件通过传入的Id来过滤数据 这样页面就搭建好了现在的问题是如何将附件的路径替换成临时路径的问题我们可以通过编写API来解决 3 创建API 点击控制台的APIs点击新建APIs 选择自定义代码 输入名称和标识 输入方法名称和标识 输入如下代码 // 初始化 const tcb require(cloudbase/node-sdk)const app tcb.init({env:*** })module.exports async function (params, context) {const result await app.getTempFileURL({fileList: [params.fileid]})// 在这里返回这个方法的结果需要与出参定义的结构映射return {tempfileurl: result.fileList[0].tempFileURL}; };这里的env要替换成你自己的登录控制台在资源管理可以查看环境Id 因为我们需要传入fileid因此需要创建一个入参 代码搭建好之后点击方法测试我们传入fileid可以看到返回的临时路径 测试成功之后点击出参映射 就完成了API的创建 4 应用中调用API 后端方法写好之后我们需要在前端进行调用。先创建一个变量用来接收结果 在生命周期函数里我们调用后端代码并赋值给变量 export default {async onPageLoad(query) {//console.log(——— LifeCycle onPageLoad, query)const result await app.cloud.callConnector({name:getTempFile_6rns96m,methodName:getTempFilePath,params:{fileid:\(page.dataset.params.tempfileid}})console.log(\)page.dataset.params.tempfileid,result)$page.dataset.state.tempfile result.tempfileurl},onPageShow() {//console.log(——— LifeCycle onPageShow)},onPageReady() {//console.log(——— LifeCycle onPageReady)},onPageHide() {//console.log(——— LifeCycle onPageHide)},onPageUnload() {//console.log(——— LifeCycle onPageUnload)}, }最后做数据绑定整体的功能就实现了 总结 我们本篇介绍了微搭PC端功能整体搭建的流程PC端的流程一般会涉及到后端开发这里就要会使用云开发的后端语法前后端都熟悉之后你的应用开发就得心应手了。