【微信小程序】每日心情笔记

个人团队的比赛项目，仅供学习交流使用

一、项目基本介绍

1. 项目简介

一款基于微信小程序的轻量化笔记工具，旨在帮助用户通过记录每日心情和事件，更好地管理情绪和生活。用户可以根据日期和心情分类（如开心、平静、难过等）记录笔记，并随时查看历史记录。同时，项目还包含一个后台运营端小程序，用于数据统计、用户行为分析、用户反馈收集与回复，为运营决策提供支持。代码已上传至GitHub

2. 技术栈

微信小程序原生开发（JS、WXML、WXSS）、SpringBoot、MySQL、RESTful API、Postman接口测试、Axure

3. 项目功能

（1）用户端

微信授权登录

在这里插入图片描述

主界面：该功能模块主要包括显示日历、显示笔记、删除单条笔记。

显示日历：日历供用户选择查看日期，当日总体心情为日期小角标，用户点击日期即可在页面下方显示该日笔记。
显示笔记：底部笔记栏呈现所选日按修改时间进行排序的笔记（默认为当日），若无笔记出现"今日还未写笔记噢!"提示。
删除单条笔记：右滑笔记出现删除按钮，并弹出提示框。

个人中心：该功能模块主要包括反馈、分享、我的信箱与退出登录。

反馈：用户在反馈渠道提出意见。
分享：将小程序转发给微信好友。
我的信箱：管理员向用户下发通知，用户在我的信箱查看
退出登录：退出登录后再次登录需要再次授权。

笔记记录：该功能模块主要功能包括心情选择和写笔记。
- 心情选择：用户可在心情图案列表中选择本条笔记记录时的心情；若本条笔记为当日第二条及以上，自动弹出当日总体心情选择界面；在日历上方可以改变总体心情，若没有选择总体心情则会出现"今日还未选择总体心情哦"提示。
- 写/修改笔记：用户可自由进行笔记记录或修改笔记内容及此条笔记心情。

（2）开发者端

微信授权与密钥登陆

在这里插入图片描述

官方通知：发布官方通知下发到每一个用户

在这里插入图片描述

反馈回执：针对不同用户的返回发送回执
在这里插入图片描述

在这里插入图片描述

二、项目代码分析

1. 项目代码架构

前端小程序项目结构（以用户端为例）

在这里插入图片描述

后端Java项目结构

在这里插入图片描述

2.前端代码分析（以用户端主页面为例）

main.js

const util = require('../../utils/util.js')
var app = getApp()
Page({data: {avatarUrl: "/images/头像.png",nickName: '未登录',date: null,daymood: '今日还未选心情',moodList: new Array(),noteList: new Array(),noteisHave: false,year: 0,month: 0,head: ['日', '一', '二', '三', '四', '五', '六'],dateArr: [],isToday: 0,pickToday: 0,isTodayWeek: false,todayIndex: 0,nottoday: false,havenote:'今日还未写笔记哦！'},onShow() {let date = new Date();let now = new Date();let year = now.getFullYear();let month = now.getMonth() + 1;console.log(0)this.dateInit();this.setData({year: year,month: month,isToday: '' + year + '-' + month + '-' + now.getDate(),avatarUrl: app.globalData.avatarUrl,nickName: app.globalData.nickName,date: util.formatDate(date)})console.log(3)this.daymoodinit(util.formatYearDate(now)[0]);console.log(5)this.noteinit(util.formatYearDate(now)[0]);},noteinit(date) {var that = this//请求获取笔记列表wx.request({url: app.globalData.url + '/getNoteList',data: {uid: wx.getStorageSync('uid'),date: date},header: {'content-type': 'application/json'},success(res) {console.log(6)//获取后端传入的笔记列表var notelist = res.data.noteList//如果笔记列表不为空if (notelist) {//创建微信小程序存储数组值的变量var noteList = new Array();//创建构造函数notefunction Note(nid, context, time, mood) {this.nid = nid;this.context = context;this.time = time;this.mood = mood;}//遍历后端传来的值，将其加到我的数据中for (var i = 0; i < notelist.length; i++) {//对心情处理notelist[i].mood = '/images/' + notelist[i].mood + '.png';//赋值var note = new Note(notelist[i].nid, notelist[i].context+'...', notelist[i].time, notelist[i].mood)noteList[i] = note}//设置值that.setData({//笔记列表noteList: noteList,noteisHave: true})}}})},daymoodinit(date) {var that = thiswx.request({//获取某日的总体心情url: app.globalData.url + '/gDateMood',data: {uid: wx.getStorageSync('uid'),date: date},header: {'content-type': 'application/json'},success(res) {console.log(4)if (res.data.daymood) {if (date == util.formatYearDate(new Date())) {that.setData({daymood: '今日心情：' + res.data.daymood})} else {that.setData({daymood: '该日心情：' + res.data.daymood})}} else {if (date == util.formatYearDate(new Date())) {that.setData({daymood: '今日还未选心情'})} else {that.setData({daymood: '该日未记录心情'})}}}//为测试所用,正式直接删掉// fail() {//   that.setData({//     daymood: '今日心情：开心'//   })// }})},backnow() {var date = {date: util.formatYearDate(new Date()).toString()}this.date(date)//自动展示为当前月份的日历页面this.dateInit()this.setData({nottoday: false})},date(e) {//判断是从组件传的值（即点击日期）还是从函数传的值（即点击回到今日）if (e.date) {var date = e.date} else {var date = e.currentTarget.dataset.date}//转换日期var dates = date.split("-")var month = dates[1]var day = dates[2]var thisdate = month + '月' + day + '日'if(date == util.formatYearDate(new Date())){this.setData({noteisHave: false,pickToday: date,date: thisdate,nottoday: false,havenote:'今日还未写笔记哦！'})}else{this.setData({noteisHave: false,pickToday: date,date: thisdate,nottoday: true,havenote:'该日还未写笔记哦！'})}//修改页面总体心情this.daymoodinit(date)//向后端请求日期下的笔记列表this.noteinit(date)},add() {wx.navigateTo({url: '/pages/notemood/notemood'})},daymood() {wx.showModal({title: '只能修改今日总体心情',content: '确认要修改吗？',success(res) {if (res.confirm) {wx.navigateTo({url: '/pages/daymood/daymood'})}}})},mine() {wx.navigateTo({url: '/pages/mine/mine',})},changenote(e) {//需向后端传入标识，表示是第一次进入修改笔记页面，目的为保证渲染层的正确var note = e.currentTarget.dataset.notevar nid = note.nidvar time = note.timevar mood = note.moodwx.redirectTo({url: '/pages/note/note?mood=' + mood + '&nid=' + nid + '&time=' + time + '&flag=1',})},dateInit: function (setYear, setMonth) {//全部时间的月份都是按0~11基准，显示月份才+1let dateArr = []; //需要遍历的日历数组数据let arrLen = 0; //dateArr的数组长度let now = setYear ? new Date(setYear, setMonth) : new Date();let year = setYear || now.getFullYear();let nextYear = 0;let month = setMonth || now.getMonth(); //没有+1方便后面计算当月总天数let nextMonth = (month + 1) > 11 ? 1 : (month + 1);let startWeek = new Date(year + ',' + (month + 1) + ',' + 1).getDay(); //目标月1号对应的星期let dayNums = new Date(year, nextMonth, 0).getDate(); //获取目标月有多少天let obj = {};let num = 0;if (month + 1 > 11) {nextYear = year + 1;dayNums = new Date(nextYear, nextMonth, 0).getDate();}var that = thisconsole.log(1)//得到当月心情表从后端wx.request({url: app.globalData.url + '/selectAllMood',data: {uid: wx.getStorageSync('uid'),year: year,month: month + 1},header: {'content-type': 'application/json'},success(res) {console.log(2)if (!res.data) {wx.showToast({title: '日期超出可用范围咯！',icon: 'none',duration: 2000 //持续的时间})} else {that.setData({moodList: res.data.moodList,year: year,month: month + 1})arrLen = startWeek + dayNums;for (let i = 0; i < arrLen; i++) {if (i >= startWeek) {num = i - startWeek + 1;obj = {isToday: '' + year + '-' + (month + 1) + '-' + num,dateNum: num,weight: 5,mood: '/images/' + that.data.moodList[num - 1] + '色.png'}} else {obj = {};}dateArr[i] = obj;}that.setData({dateArr: dateArr})let nowDate = new Date();let nowYear = nowDate.getFullYear();let nowMonth = nowDate.getMonth() + 1;let nowWeek = nowDate.getDay();let getYear = setYear || nowYear;let getMonth = setMonth >= 0 ? (setMonth + 1) : nowMonth;if (nowYear == getYear && nowMonth == getMonth) {that.setData({isTodayWeek: true,todayIndex: nowWeek})} else {that.setData({isTodayWeek: false,todayIndex: -1})}}}//为测试所用，正式直接删掉// fail() {//   arrLen = startWeek + dayNums;//   for (let i = 0; i < arrLen; i++) {//     if (i >= startWeek) {//       num = i - startWeek + 1;//       obj = {//         isToday: '' + year + '-' + (month + 1) + '-' + num,//         dateNum: num,//         weight: 5,//         mood: '/images/' + that.data.moodList[num - 1] + '色.png'//       }//     } else {//       obj = {};//     }//     dateArr[i] = obj;//   }//   that.setData({//     dateArr: dateArr//   })//   let nowDate = new Date();//   let nowYear = nowDate.getFullYear();//   let nowMonth = nowDate.getMonth() + 1;//   let nowWeek = nowDate.getDay();//   let getYear = setYear || nowYear;//   let getMonth = setMonth >= 0 ? (setMonth + 1) : nowMonth;//   if (nowYear == getYear && nowMonth == getMonth) {//     that.setData({//       isTodayWeek: true,//       todayIndex: nowWeek//     })//   } else {//     that.setData({//       isTodayWeek: false,//       todayIndex: -1//     })//   }// }})},lastMonth: function () {//全部时间的月份都是按0~11基准，显示月份才+1let year = this.data.month - 2 < 0 ? this.data.year - 1 : this.data.year;let month = this.data.month - 2 < 0 ? 11 : this.data.month - 2;this.dateInit(year, month);},nextMonth: function () {//全部时间的月份都是按0~11基准，显示月份才+1let year = this.data.month > 11 ? this.data.year + 1 : this.data.year;let month = this.data.month > 11 ? 0 : this.data.month;this.dateInit(year, month);},/*** 设置movable-view位移*/setXmove: function (productIndex, xmove) {let noteList = this.data.noteListnoteList[productIndex].xmove = xmovethis.setData({noteList: noteList})},/*** 处理movable-view移动事件*/handleMovableChange: function (e) {if (e.detail.source === 'friction') {if (e.detail.x < -30) {this.showDeleteButton(e)} else {this.hideDeleteButton(e)}} else if (e.detail.source === 'out-of-bounds' && e.detail.x === 0) {this.hideDeleteButton(e)}},/*** 显示删除按钮*/showDeleteButton: function (e) {let productIndex = e.currentTarget.dataset.productindexthis.setXmove(productIndex, -65)},/*** 隐藏删除按钮*/hideDeleteButton: function (e) {let productIndex = e.currentTarget.dataset.productindexthis.setXmove(productIndex, 0)},/*** 处理touchstart事件*/handleTouchStart(e) {this.startX = e.touches[0].pageX},/*** 处理touchend事件*/handleTouchEnd(e) {if (e.changedTouches[0].pageX < this.startX && e.changedTouches[0].pageX - this.startX <= -30) {this.showDeleteButton(e)} else if (e.changedTouches[0].pageX > this.startX && e.changedTouches[0].pageX - this.startX < 30) {this.showDeleteButton(e)} else {this.hideDeleteButton(e)}},/*** 删除产品*/handleDeleteProduct: function ({currentTarget: {dataset: {nid}}}) {var that = thiswx.showModal({title: '删除该条笔记',content: '确认要删除吗？',success(res) {if (res.confirm) {wx.request({//传入nid请求删除url: app.globalData.url + '/deleteNote',data: {nid: nid},header: {'content-type': 'application/json'},success() {let noteList = that.data.noteListlet productIndex = noteList.findIndex(item => item.nid === nid)noteList.splice(productIndex, 1)that.setData({noteList})if (noteList[productIndex]) {that.setXmove(productIndex, 0)}if(!that.data.noteList[0]){that.setData({noteisHave: false,})}},fail() {wx.showToast({title: '删除失败！',icon: 'none',duration: 2000 //持续的时间})}})}}})},
})

data是初始化

onshow是登录后要展示的，要对当日心情进行初始化，要对当日笔记进行初始化

noteinit要根据用户的uid和date访问后端（app.globalData.url这个是后端服务器地址），获取到笔记信息后渲染到页面上，也就是重设data里面的值

daymoodinit也是一样

backnow是什么，里面要对当月的日历进行展示，还要在日历上展示当日的总体心情角标

里面要dateInit，也是从后端获取数据

后续的方法也是点击主页上的一个按钮，需要进行的操作，有点到某一日、修改总体心情、修改笔记等，比如修改笔记，就用wx.redirectTo进行了页面跳转，需要页面间传递的数据也要在跳转的时候传递；比如修改总体心情，使用的则是navigateTo，这是为啥，还有showModal就是在上层创建新窗口吗；比如date就是点击某一日，获得该日的笔记信息和总体心情，于是要noteinit和daymoodinit；后续还有滑动删除笔记事件

数据初始化（data）

在data中，我们定义了页面初始化时需要使用的各种变量。这些变量包括用户的头像、昵称、日期、心情、笔记列表等。这些数据将在页面加载时被初始化，并在用户与页面交互时动态更新。

avatarUrl：用户的头像URL，默认值为/images/头像.png。
nickName：用户的昵称，默认值为未登录。
date：当前日期，初始值为null。
daymood：当日的心情状态，默认值为今日还未选心情。
moodList：心情列表，用于存储用户在不同日期的总体心情。
noteList：笔记列表，用于存储用户在不同日期的笔记内容。
noteisHave：标识当前日期是否有笔记，初始值为false。
year和month：当前年份和月份，用于日历展示。
head：日历表头的星期几标识。
dateArr：日历数组，用于展示当前月份的日期和心情角标。
isToday：标识当前日期是否为今天。
pickToday：用户选择的日期。
isTodayWeek：标识当前日期是否在本周。
todayIndex：今天在日历中的索引。
nottoday：标识用户选择的日期是否为今天。
havenote：提示用户当前日期是否有笔记。

页面展示逻辑（onShow）

onShow是微信小程序的生命周期函数，当页面显示时触发。在这个函数中，我们主要做了以下几件事：

获取当前日期：通过new Date()获取当前日期，并提取年份和月份。
初始化日历：调用dateInit函数，初始化当前月份的日历数据。
设置页面数据：将当前日期、用户头像、昵称等信息设置到页面的data中。
初始化当日心情和笔记：调用daymoodinit和noteinit函数，分别获取并展示当日的心情和笔记。

笔记初始化（noteinit）

noteinit函数用于根据用户的uid和date从后端获取笔记列表，并将获取到的笔记数据渲染到页面上。

请求笔记列表：通过wx.request向后端发送请求，获取指定日期的笔记列表。
处理笔记数据：如果笔记列表不为空，遍历列表并将每条笔记的数据存储到noteList中。
更新页面数据：将处理后的笔记列表设置到页面的data中，并更新noteisHave状态。

当日心情初始化（daymoodinit）

daymoodinit函数用于获取并展示用户当日的总体心情。

请求当日心情：通过wx.request向后端发送请求，获取指定日期的总体心情。
更新页面数据：根据获取到的心情数据，更新页面中的daymood状态。

返回今日（backnow）

backnow函数用于将页面重置为当前日期的状态。

重置日期：将页面日期重置为当前日期。
初始化日历：调用dateInit函数，重新初始化当前月份的日历数据。
更新页面数据：将nottoday状态设置为false，表示当前日期为今天。

选择日期（date）

date函数用于处理用户选择日期的操作。

获取选择的日期：根据用户点击的日期或从函数传入的日期，获取用户选择的日期。
更新页面数据：将选择的日期设置到页面的data中，并更新noteisHave和nottoday状态。
初始化心情和笔记：调用daymoodinit和noteinit函数，获取并展示选择日期的心情和笔记。

添加笔记（add）

add函数用于跳转到添加笔记页面。

页面跳转：使用wx.navigateTo跳转到/pages/notemood/notemood页面。

修改总体心情（daymood）

daymood函数用于处理用户修改总体心情的操作。

弹出确认框：使用wx.showModal弹出确认框，询问用户是否确认修改总体心情。
页面跳转：如果用户确认，使用wx.navigateTo跳转到/pages/daymood/daymood页面。

个人中心（mine）

mine函数用于跳转到个人中心页面。

页面跳转：使用wx.navigateTo跳转到/pages/mine/mine页面。

修改笔记（changenote）

changenote函数用于处理用户修改笔记的操作。

获取笔记信息：从用户点击的笔记中获取笔记的nid、time和mood信息。
页面跳转：使用wx.redirectTo跳转到/pages/note/note页面，并传递笔记的相关信息。

日历初始化（dateInit）

dateInit函数用于初始化当前月份的日历数据。

获取当前月份的天数和起始星期：通过new Date()获取当前月份的天数和1号对应的星期。
请求当月心情数据：通过wx.request向后端发送请求，获取当前月份的心情数据。
更新页面数据：将获取到的心情数据设置到页面的data中，并生成日历数组dateArr。

滑动删除笔记

滑动删除笔记功能通过handleMovableChange、handleTouchStart、handleTouchEnd等函数实现。

显示删除按钮：当用户向左滑动笔记时，显示删除按钮。
隐藏删除按钮：当用户向右滑动或滑动距离不足时，隐藏删除按钮。
删除笔记：当用户点击删除按钮时，弹出确认框，确认后通过wx.request向后端发送删除请求，并更新页面数据。

main.wxml

<view class="data"><view class="circle" bindtap="mine"><image src="{{avatarUrl}}" class="head"></image></view><view class="date-mood"><text class="date">{{date}}</text><text class="mood" bindtap="daymood">{{daymood}}</text></view><view class="backnow"><image src="/images/今日.png" class="backnowimg"  bindtap="backnow" wx:if="{{nottoday}}"></image>
</view><image src="/images/添加.png" class="add" bindtap="add"></image>
</view>
<view class="calendar"><view class='wrap'><view><view class='date-show'><view class='lt-arrow' bindtap='lastMonth'><image src='/images/左箭头.png' mode='aspectFit'></image></view>{{year}}年{{month}}月<view class='rt-arrow' bindtap='nextMonth'><image src='/images/右箭头.png' mode='aspectFit'></image></view></view></view><view class='header'><view wx:for='{{head}}' class='{{(index == todayIndex) && isTodayWeek ? "weekMark" : ""}}'>{{item}}<view></view></view></view><view class='date-box'><view wx:for='{{dateArr}}'class='{{isToday == item.isToday ? "nowDay" : (pickToday == item.isToday ? "pickDay" : "")}}'data-date='{{item.isToday}}' bindtap="date"><view class="sort"><view class="minimoodview"><image src="{{item.mood}}" class="minimood"></image></view><view class='date-head'><view>{{item.dateNum}}</view></view></view></view></view></view>
</view>
<view class="nonote" wx:if="{{!noteisHave}}"><image src="/images/铃铛.png" class="bell"></image><view class="empty">{{havenote}}</view>
</view>
<view wx:else><view class="product-list"><view class="product-item" wx:for="{{noteList}}" wx:for-index="index" wx:key="{{item.nid}}"><movable-area data-note="{{item}}" bindtap="changenote"><movable-view out-of-bounds="true" direction="horizontal" x="{{item.xmove}}" inertia="true"data-productIndex="{{index}}" bindtouchstart="handleTouchStart" bindtouchend="handleTouchEnd"bindchange="handleMovableChange"><view class="product-item-wrap"><view class="expression"><image src="{{item.mood}}" class="expressionimg"></image></view><view class="product-movable-item"><view class="product-movable-item-name">{{item.time}}</view><view class="product-movable-item-code">{{item.context}}</view></view></view><view class="blank"></view></movable-view></movable-area><view class="delete-btn" data-nid="{{item.nid}}" bindtap="handleDeleteProduct"><image src="/images/删除.png" class="delete"></image></view></view></view>
</view>

顶部用户信息与操作区域

用户头像：通过<image>组件展示用户头像，点击头像触发mine函数，跳转到个人中心页面。
日期与心情：显示当前日期和当日心情，点击心情文本触发daymood函数，允许用户修改当日心情。
返回今日按钮：如果用户选择的日期不是今天，显示“返回今日”图标，点击触发backnow函数，重置为当前日期。
添加笔记按钮：点击“添加”图标触发add函数，跳转到添加笔记页面。

日历区域

日历头部：显示当前年份和月份，左右箭头分别触发lastMonth和nextMonth函数，用于切换月份。
星期表头：显示星期几，当前星期会高亮显示。
日期展示：展示当前月份的日期，每个日期块显示日期数字和对应的心情图标。点击日期块触发date函数，加载该日期的笔记和心情。

笔记展示区域

无笔记提示：如果当前日期没有笔记，显示提示信息（如“今日还未写笔记哦！”）和一个铃铛图标。
笔记列表：如果有笔记，展示笔记列表。每条笔记包含心情图标、时间和内容。笔记支持左右滑动，滑动后显示删除按钮。
- 滑动删除：通过movable-view实现滑动功能，滑动到一定距离后显示删除按钮，点击删除按钮触发handleDeleteProduct函数，删除对应笔记。
- 点击笔记：点击笔记内容触发changenote函数，跳转到修改笔记页面。

3. 后端代码分析

以主页逻辑业务为例

UserDateController.java

package st.nuc.edu.cn.mood_note.controller;import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RestController;
import st.nuc.edu.cn.mood_note.entity.UserDate;
import st.nuc.edu.cn.mood_note.service.UserDateService;@RestController
public class UserDateController {@AutowiredUserDateService userDateService;@RequestMapping("/gDateMood")public Object gDateMood(String uid, String date) {return userDateService.gDateMood(uid, date);}@RequestMapping("/mixOperate")public void mixOperate(UserDate userDate) {userDateService.mixOperate(userDate);}@RequestMapping("/selectAllMood")public Object selectAllMood(String uid, String year, String month) {return userDateService.selectAllMood(uid, year, month);}}

UserDateController是处理主页相关请求的控制器，主要包含以下接口：

gDateMood：根据用户ID和日期，获取某日的总体心情。
mixOperate：处理用户心情的插入或更新操作。
selectAllMood：根据用户ID、年份和月份，获取该月的所有心情数据。

这些接口通过调用UserDateService中的方法，完成具体的业务逻辑。

UserDateServiceImpl.java

package st.nuc.edu.cn.mood_note.service.impl;import com.alibaba.fastjson.JSONObject;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Component;
import st.nuc.edu.cn.mood_note.entity.UserDate;
import st.nuc.edu.cn.mood_note.mapper.UserDateMapper;
import st.nuc.edu.cn.mood_note.service.UserDateService;import java.util.ArrayList;
import java.util.Iterator;
import java.util.List;@Component
public class UserDateServiceImpl implements UserDateService {@AutowiredUserDateMapper userDateMapper;@Overridepublic Object gDateMood(String uid, String date) {UserDate userDate = userDateMapper.gDateMood(uid, date);if (userDate != null) {JSONObject object = new JSONObject();object.put("daymood",userDate.getDateMood());return object;} else {return null;}}@Overridepublic boolean mixOperate(UserDate userDate) {UserDate userDate1 = userDateMapper.gDateMood(userDate.getUid(), userDate.getDate());if (userDate1 == null) {return userDateMapper.insert(userDate);} else {return userDateMapper.update(userDate);}}@Overridepublic Object selectAllMood(String uid, String year, String month) {int month1 = Integer.parseInt(month);String s = null;if ((month1>0)&&(month1<10)) {s = "0" + month1;} else {s = month;}List<UserDate> userDateList = userDateMapper.gAllDateMood(uid, year, s);if(!userDateList.isEmpty()) {List<String> moodList = new ArrayList();JSONObject object = new JSONObject();for (UserDate userDate : userDateList) {if (userDate.getDateMood() == null) {moodList.add(null);} else {moodList.add(userDate.getDateMood());}}object.put("moodList", moodList);return object;}return null;}
}

UserDateServiceImpl是UserDateService接口的实现类，主要功能如下：

gDateMood：通过UserDateMapper查询某日的心情数据，如果存在则返回心情信息，否则返回null。
mixOperate：根据用户ID和日期，判断是插入新心情数据还是更新已有数据。
selectAllMood：查询某月的所有心情数据，并将其封装为JSON格式返回。如果某日没有心情数据，则对应位置为null。

UserDateMapper.java

package st.nuc.edu.cn.mood_note.mapper;import org.apache.ibatis.annotations.*;
import st.nuc.edu.cn.mood_note.entity.UserDate;import java.util.List;@Mapper
public interface UserDateMapper {@Select("select * from user_date where uid = #{uid} and date = #{date}")UserDate gDateMood(@Param("uid")String uid, @Param("date")String date);List<UserDate> gAllDateMood(@Param("uid")String uid, @Param("year")String year, @Param("month")String month);@Insert("insert into user_date (uid,date,date_mood) values (#{uid},#{date},#{dateMood})")boolean insert(UserDate userDate);@Update("update user_date set date_mood=#{dateMood} where uid = #{uid} and date = #{date}")boolean update(UserDate userDate);}

UserDateMapper是MyBatis的Mapper接口，定义了与数据库交互的方法：

gDateMood：根据用户ID和日期，查询某日的心情数据。
gAllDateMood：根据用户ID、年份和月份，查询该月的所有心情数据。
insert：插入新的心情数据。
update：更新已有的心情数据。

UserDateMapper.xml

<?xml version="1.0" encoding="utf-8" ?>
<!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" "http://mybatis.org/dtd/mybatis-3-mapper.dtd" >
<mapper namespace="st.nuc.edu.cn.mood_note.mapper.UserDateMapper"><select id="gAllDateMood" resultType="userDate">SELECT a.uid,date.date,a.date_mood FROM date LEFT JOIN (SELECT * FROM user_date WHERE uid = #{uid}) a ON date.date=a.date where date.date LIKE '${year}_${month}%';</select></mapper>

UserDateMapper.xml是MyBatis的映射文件，定义了gAllDateMood方法的SQL查询逻辑。通过左连接查询date表和user_date表，获取某月的所有心情数据。

application.yaml

mybatis:type-aliases-package: st.nuc.edu.cn.mood_note.entitymapper-locations: classpath:mapper/*.xmlconfiguration:map-underscore-to-camel-case: truelog-impl: org.apache.ibatis.logging.stdout.StdOutImplspring:datasource:url: jdbc:mysql://localhost:3306/mood_note?useUnicode=true&characterEncoding=utf8&useSSL=falseusername: rootpassword: 123456driver-class-name: com.mysql.jdbc.Driverserver:port:8080