![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
毕业设计制作过程
宛Wan
这个作者很懒,什么都没留下…
展开
-
登录页面的设计
登录页面中的结果有三个:用户名不对、密码不对、成功登录。对应的是不同的结果。那么这三者要怎么显示是我一直思考的。(1)首先是在后台与数据库交互方面,要返回什么样的结果,我设置的是不同的数字对应不同的结果,以便于后续在js中的操作: async manaAction(){ let model = this.model('mana_info'); let name=this.get("name"); let pwd=this.get("原创 2020-05-25 01:19:15 · 1023 阅读 · 0 评论 -
学习笔记界面的设计
在开发学习笔记界面时,遇到了几个问题,记录如下:(1)单页面全局变量的定义在写笔记的这个界面,js文件中涉及到三个从html中返回的对象,都是通过不同的方法获得的,而这些对象最后都要用于数据库的查询使用,因此都要定义成全局变量。一开始我才用的是setData的方式,但是在处理的过程中发现后台报了错,查阅资料发现原来setData的使用是需要渲染的,而我获得的这几个数据在之后都不需要再返回给页面了,所以最好不要使用setData于是我改为使用this.data…通过console.log后台打印发现取原创 2020-05-24 21:48:39 · 351 阅读 · 0 评论 -
关于收藏与取消收藏的动态页面设计以及bindtap传参数问题
设计思路:(1)数据库查询语句:参考thinkjs文档(2)点击按钮后如何与数据库联通:这个问题之前就存在过,就是怎么传参数的问题,之前我一直没有找到bindtap来传的方法,所以一直用的navigator,而且之前传参数确实使用navigator会好一下,因为要达赖新的界面嘛。但是如果收藏界面也用navigator打开新界面的话就不太符合操作习惯了,而且可能新界面整个界面只有几个字也不好看。于是我想到了用小程序的弹出窗口来设计,发现有好多种的设计方法,按照习惯我还是直接选取了weui来进行弹出窗口的原创 2020-05-24 12:54:17 · 332 阅读 · 0 评论 -
章节展示页面及小节展示页面的动态开发
这两个页面的开发方式类似,主要有三个点想了很久:(1)一是遍历传参数的问题,这个问题在问题的分类下有提到,我开始使用的页面跳转方法是bindtap,但是我发现我不会用它来传参数,所以改成了navigator来直接传参数(2)二是对于数组参数的传递我在主页的章节展示上就涉及到了,但是它的标题是只有一个对象就好反而我试了很多方法都不行。主要的问题在于可以在wx:request中通过console取出我获得的对象,但是到setData这个函数中就调用不了了。所以我索性把标题也设置成了数组,只不过是只有一个对象原创 2020-05-24 07:31:05 · 352 阅读 · 0 评论 -
一些工具的记录
(1)json.cn用于json的在线解析及格式化验证下图为解析测试数据库连接时所用到的数据信息:原创 2020-05-23 20:52:29 · 130 阅读 · 0 评论 -
搜索页面的开发
开发思路:(1)前端界面借助于WeUI来实现(2)后端访问数据库类似于章节目录的方法,但是访问数据库的语句不同,采用的是模糊查询的方式后台chap.js的核心代码:async searchAction(){ let size=this.get("size")||10; let name=this.get("name"); think.logger.info(size+"_"+name); //数据库的查询语句,采用模糊查询的方式访问后台原创 2020-05-23 20:50:03 · 250 阅读 · 0 评论 -
主页动态页面开发
主页设计思路:设计的思路:(1)后台数据库设计,根据页面的功能可知,需要的表为章节信息表,表中需要的数据包括章节名称、编号、注释信息、图片地址(2)后台设计:开发好chap.js页面调用数据库表中的内容,通过adapter.js实现与数据库的连接;开发好后在浏览器端能够顺利访问到http://127.0.0.1:8360/home/chap/pag(3)前端设计:通过index.js实现获取http://127.0.0.1:8360/home/chap/pag所输出的信息,并且定义一个list数组存原创 2020-05-23 14:19:04 · 401 阅读 · 0 评论 -
关于本地接口的配置及报错解决
(1)尝试使用ngrock在上一篇笔记中提到了使用ngrock,在获得本地接口地址后,我把它写入到了app.js中:globalData: { userInfo: null, backend_url:" http://5af29613.ngrok.io" }且通过index.js中wx:request的url:app.globalData.backend_url+"/home/chap/page来进行访问,但是后台报错说解析的域名不能识别,我猜想是否与url的书写有关,于是我直接原创 2020-05-23 12:29:28 · 1123 阅读 · 0 评论 -
ngrock的使用
因为小程序不能直接访问本地的域名,所以借助于ngrock这款工具来给我们的主机域名分配一个地址,也就是说通过外网来访问本地,方便小程序的访问(1)从官网上下载软件(2)使用方法这里我找到了两个版本的使用方式:一是到官网上注册一个账号,获取授权码再去使用详细步骤参考:这里是超链接但是我在注册过程中遇到了一个问题:You failed to solve the catpcha, please try again. (ERR_NGROK_1205)搜索发现没有好的解决方法,于是我找到了另外一种很原创 2020-05-23 09:56:32 · 4267 阅读 · 0 评论 -
测试接口(controller与config;数据库的连接)
controller与config(1)在common模块下的config下config.js添加如下测试用代码:app: { appid: 'asdasd' }之后在home模块的controller下index.js添加如下代码:configAction() { console.info(think.config('app')); return this.success(); }之后npm start,访问端口http://1原创 2020-05-22 20:31:36 · 736 阅读 · 0 评论 -
登录页面静态页面+收藏页面静态页面
静态页面的制作主要还是借助于We-UI的制作:(1)收藏页面静态页面借助于Badge,在js文件中找到其代码后进行修改:<view class="page" data-weui-theme="{{theme}}"> <view class="page__hd"> <view class="weui-form__text-area"> <h2 class="weui-form__title"> 我的收藏</h2> </vie原创 2020-05-22 09:56:37 · 559 阅读 · 0 评论 -
创建thinkJS项目及遇到的问题
(之前已安装好node.js与thinkjs)1.安装前复查node.js及thinjs的版本检查node.js版本:node -v检查thinkjs版本:thinkjs -V2.创建thinkjs项目thinkjs官方文档C:\Users\宛\Desktop>cd stu/C:\Users\宛\Desktop\stu>thinkjs new demo执行过程中会要求我们输入项目名称、项目简介、作者、是否开启 babel 转译,结果如下:? Project name原创 2020-05-20 12:28:48 · 703 阅读 · 0 评论 -
首页静态页面、配置文件、底部导航栏
(1)配置文件首先要对整个小程序的页面进行配置,具体写在app.json中,代码如下:"pages": [ "pages/index/index", "pages/collect/collect", "pages/ran/ran", "pages/mana/mana", "pages/logs/logs"(2)底部导航栏这属于全局的配置,因此将其写入app.json中:"tabBar": { "color": "#272636", "sel原创 2020-05-22 09:34:31 · 330 阅读 · 0 评论 -
静态页面设计
第一步 制作静态页面之We-UI的使用首先,制作静态页面,即没有相关的跳转和数据库的读取,单纯是一个页面,这个借助于微信开发者工具便可以实现一些比较典型的组件,比如说搜索框,登录按钮借助于We-UI来实现(简直是太好用了)We-UI的使用方法:(1)首先要下载以下它的包导入到项目中,下载到官网上下载(2)然后将它的整个js文件用WebStorm打开(3)打开演示网站这里是超链接https://weui.io/,或者直接用手机打开小程序的演示,找到需要演示的效果,再找到对应的js文件,拷贝里面需要原创 2020-05-22 09:12:09 · 1258 阅读 · 0 评论