一个开源的课程表小程序项目|增加情侣课表

引语:

高校教务系统没有在手机端做适配的可以通过小程序来快速查看课表信息,决定自己尝试做了个课程表小程序并开源,目前已经支持添加删除课程表功能、周课表、日课表,以及自定义背景功能

因为近期在谈恋爱,想和女朋友一起上课,想着观看Ta的课表更方便一些,于是加入了情侣课表功能

情侣课表演示:

file

*** 开源地址:***
gitee开源: (https://gitee.com/chengdu-gengzixin_liu-jiyuan/timetable)

新增页面


file

判断绑定情侣、相关功能实现.wxml


    
        
            
                
                情侣课表
            
        
        
            
                
                
                
            
            
            解除绑定关系
        
        
    
    
    
        
            历史留言
            
                
                    
                    暂无留言哦~
                
                
                    
                        {{item.time}}
                        {{item.contents}}
                    
                
            
        
    


    
        
            
            情侣列表
        
    
    
        
            
        
        
            绑定情侣课表
            
                绑定成功后将可查看对方的本学期课程表,并首页显示对方今日
课程,为对方留言以及自定义课程表背景等功能…
            
            
                
            
        
    


    
        
            
                
            
            解除情侣绑定
            解除绑定后,课表将恢复为个人课表是否确定?
            
                
                
            
        
    

js代码:

const app = getApp();
import { couplesInfo, couplesDel, couplesMsgList } from "../../utils/api/user";
import { serializePathQuery } from "../../utils/api/http";
import dayjs from "../../utils/dayjs/dayjs.min";
import { wxShowToast } from "../../utils/promisify";

Page({
    data: {
        StatusBar: app.globalData.StatusBar,
        CustomBar: app.globalData.CustomBar,
        displayArea: app.globalData.displayArea,
        ImgUrl: app.globalData.ImgUrl,
        couplesId: "",
        removeBind: false,
        userInfo: app.globalData.userInfo,
        messageList: null,
    },
    onLoad: function (query) {
        console.log(query, this.data.displayArea, "query");
        let couplesId =
            query.couplesId && query.couplesId !== "null"
                ? query.couplesId
                : null;
        if (couplesId) {
            this.setData({
                userInfo: app.globalData.userInfo,
                couplesId,
            });
            couplesMsgList({
                is_show: 1,
                tid: couplesId,
            }).then((v) => {
                console.log(v.data);
                let messageList = v.data.data.length > 0 ? v.data.data : [];
                messageList = messageList.filter(
                    (v) => v.love_sort_text !== "Love_sort 1"
                );
                messageList = messageList.map((v) => {
                    v.time = dayjs
                        .unix(v.starttime)
                        .format("YYYY年MM月DD日 HH:mm");
                    return v;
                });
                this.setData({
                    messageList,
                });
            });
            couplesInfo().then((v) => {
                this.setData({
                    loverInfo: v.data,
                });
            });
        }
    },
    /**
     * 后退一页
     */
    BackPage() {
        wx.navigateBack({
            delta: 1,
        });
    },
    /**
     * 取消绑定弹窗
     */
    removeBind() {
        this.setData({
            removeBind: true,
        });
    },
    /**
     * 取消绑定确认按钮
     */
    removeBindConfirm(e) {
        let type = e.currentTarget.dataset.type;
        if (type) {
            couplesDel().then((v) => {
                v.code && wxShowToast("解绑成功");
                app.getSet();
            });
        }
        this.setData({
            removeBind: false,
        });
        app.getSet().then(() => {
            this.BackPage();
        });
    },
    /**
     * 分享邀请
     */
    onShareAppMessage: function (options) {
        console.log(options);
        let nickname = app.globalData.userInfo.nickname;
        let avatar = app.globalData.userInfo.avatar;
        let id = app.globalData.userInfo.user_id;
        if (options.from == "button") {
            let shareObj = {
                title: `${nickname}请求和你绑定成情侣`,
                path:
                    "/pages/index/index?" +
                    serializePathQuery({
                        couplesAdd: id,
                        nickname,
                        avatar,
                    }),
                imageUrl: "/images/share.png", //自定义图片路径,可以是本地文件路径、代码包文件路径或者网络图片路径,支持PNG及JPG,
                success: (res) => {
                    // 转发成功之后的回调
                    if (res.errMsg == "shareAppMessage:ok") {
                        return;
                    }
                },
                fail: () => {
                    // 转发失败之后的回调
                    if (res.errMsg == "shareAppMessage:fail cancel") {
                        return;
                    } else if (res.errMsg == "shareAppMessage:fail") {
                        return;
                    }
                },
            };
            return shareObj;
        }
    },
});

你可能感兴趣的:(一个开源的课程表小程序项目|增加情侣课表)