微信小程序：图书馆助手||笔记

之前写过一个demo，现在又改了点东西。

这是之前的样子。

我都忍不住吐槽自己了。。

相比之前主要有以下变动

1.数据库，存储到了ECS上，这次https可以用自己的了，毕竟学校不可能搞得。

2.引入了fontawesome库，加了点小图标

3.样式大换血，用了渐变

4.加了通告栏，后台接口，其实这是我用来推自习室的，哈哈，因为图书馆分管新开了一个自习室，就我一个人去，刚好今天情人节，我失恋了，就换个通告，嘿嘿！

5.改了小细节，加了分享，防止为空，温馨提示，收藏功能，热搜功能。

遇到的问题与解决：

1.从引入fontawesome开始，下载源文件，base64编码好像，看这个小伙伴的笔记。

@import"pages/index/fontAwesome";

在app.wxss引入就好了

使用如下：

 <text class='fa fa-question-circle-o'></text>
/*这是图中的小问号*/

2.关于小程序列表样式问题

小程序不支持DOM操作，而且实时更新样式利用id无效，最后用的是三目运算，加上数据绑定，传过来指定样式，每个列表条例利用其index是唯一的来更改指定的样式！

小红心收藏：

fa-heart默认是灰色

fa-hearted是我写的，红色

currentTag：标识

index：循环下标

通过绑定事件，来确认当前条例被选中，来更改样式。

<view class="fa  fa-heart  {{currentTag == index ? 'fa-hearted' : ''}}"></view>

3.分享按钮

布局：Position：fixed

事件：微信的文档是open-type=‘share’

需要在对应的JS中加入：onShareAppMessage方法

 <button open-type='share'>...</button>

onShareAppMessage: function (res) {if (res.from === 'button') {// 来自页面内转发按钮console.log(res.target)}return {title: '分享给小伙伴',path: '/pages/index/index'}},

3.滚动通知，这个只用了css样式，和一个绑定的动态通告

4.所有数据，均为json格式。

5.数据会定期更新，重新爬取。

微信小程序：图书馆助手||笔记相关推荐

微信小程序开发个人笔记（2）
微信小程序开发基础笔记官方文档:微信官方文档 | 微信开放文档 (qq.com) 一.注册等首先需要注册一下平台(Appid开发者d 和上传管理等都需要) 微信公众平台 (qq.com)(找不到就 ...
微信小程序数据助手怎么用
原文地址:http://www.wxapp-union.com/article-2360-1.html 微信小程序数据助手怎么用?数据助手是微信最新推出的一个应用,该应用主要是为了让用户能够查看自己小 ...
微信小程序云开发笔记
微信小程序云开发笔记 1. 微信小程序基本知识 1.1 小程序框架 1.2 开发工具 1.3 WXML基本语法 2. 导航栏操作 2.1 改变导航栏背景颜色 2.2 改变导航栏标题 2.3 改变导航栏 ...
基于微信小程序图书馆座位预约系统设计与实现
摘要在面对当今培育人才计划的压力,人们需要汲取更多的不同领域的知识来不断扩充自己的知识层面,因此他们对学习的欲望不断扩大,图书馆作为高校的学习宝地,有着不可替代的地位.但是在信息化时代,传统模式下的 ...
微信小程序基础学习笔记Day01
学习目标:微信小程序基础Day01 今日目标: 能够知道如何创建小程序项目能够清楚小程序项目的基本组成结构能够知道小程序页面由几部分组成能够知道小程序中常见的组件如何使用能够知道小程序如何进行 ...
微信小程序开发学习笔记一
微信小程序学习笔记(一) 环境使用及创建项目文件目录设置 JS文件环境使用及创建项目环境使用:微信开发者工具一个微信号只能开发一个微信小程序. 在微信小程序开发手册下载最新版本,学习不要bet ...
微信小程序Day2学习笔记
学习目标此笔记参考b站黑马程序员微信小程序开发视频 D盘有文件写入权限问题,,今天换成了C盘,希望要撑住.. 1.WXML 模板语法 1.数据绑定的基本原则在 data 中定义数据在 WXM ...
基于微信小程序图书馆座位预约管理系统
开发工具:IDEA.微信小程序服务器:Tomcat9.0, jdk1.8 项目构建:maven 数据库:mysql5.7 前端技术:vue.uniapp 服务端技术:springboot+mybat ...
微信小程序-----图书馆座位预约(一)
2019.8.23 个人技术见解,不足之处敬请留言~~ 微信小程序很久没动过了,上次学还是大二的寒假.由于去年报的大创大概10月份就要中期报告了,而我们组还没有一点点的行动,加上其他人有事,所以就由我 ...
微信小程序图书馆座位预约管理系统
开发工具:IDEA.微信小程序服务器:Tomcat9.0, jdk1.8 项目构建:maven 数据库:mysql5.7 前端技术:vue.uniapp 服务端技术:springboot+mybat ...

微信小程序：图书馆助手||笔记

微信小程序：图书馆助手||笔记相关推荐

最新文章

热门文章