基于java+ssm+vue的家庭记账本微信小程序

项目介绍

随着我国经济迅速发展,人们对手机的需求越来越大,各种手机软件也都在被广泛应用,但是对于手机进行数据信息管理,对于手机的各种软件也是备受用户的喜爱,家庭记账本小程序被用户普遍使用,为方便用户能够可以随时进行家庭记账本小程序的数据信息管理,特开发了基于家庭记账本小程序的管理系统。

家庭记账本小程序的设计主要是对系统所要实现的功能进行详细考虑,确定所要实现的功能后进行界面的设计,在这中间还要考虑如何可以更好的将功能及页面进行很好的结合,方便用户可以很容易明了的找到自己所需要的信息,还有系统平台后期的可操作性,通过对信息内容的详细了解进行技术的开发。

家庭记账本小程序的开发利用现有的成熟技术参考,以源代码为模板,分析功能调整与家庭记账本小程序管理的实际需求相结合,讨论了基于家庭记账本小程序管理的使用。
在这里插入图片描述
在这里插入图片描述

开发环境

编程语言:Java
数据库 :Mysql
系统架构:B/S
后端框架:SSM
编译工具:idea或者eclipse,微信开发者工具,jdk1.8,maven
支持定做:java/php/python/android/小程序vue/爬虫/c#/asp.net

系统实现

5.1用户客户端功能实现
用户注册通过注册窗口,进行在线填写自己的用户账号、密码、联系电话、电子邮箱等,信息编辑完成后核对信息无误后进行选择注册,系统核对用户所输入的账号信息是否准确,核对信息准确无误后系统进入到操作界面。
用户通过登录进入到系统操作界面后,可以根据需求对首页、消费详情、收入详情、我的等模块进行管理维护操作。
如图5-1所示。
在这里插入图片描述

图5-1用户注册界面图

用户登录通过账号、密码行页面,进入到家庭记账本小程序主界面,进入到操作界面,进行相对应操作,如图5-2所示。
在这里插入图片描述

图5-2用户登录界面图

用户在首页页面可以填写首页、消费详情、收入详情、我的等信息,进行提交操作,如图5-3所示。

在这里插入图片描述

图5-3首页界面图

用户进入新闻资讯页面可以填写标题、内容等信息,进行查看操作,如图5-4所示。

在这里插入图片描述

图5-4新闻资讯界面图

用户进入消费详情页面可以填写标题、食物消费、购物消费、交通消费、学习消费、其他消费、总消费、用户账号、角色、登记时间、封面等信息,进行提交操作,如图5-5-所示。
在这里插入图片描述

图5-5消费详情界面图

用户进入收入详情页面可以填写标题、工资收入、奖金收入、其他、总收入、用户账号、角色、登记时间、封面等信息,进行提交操作,如图5-6-所示。

在这里插入图片描述

图5-6收入详情界面图

用户进入我的页面可以填写消费详情、收入详情等信息,进行提交操作,如图5-7-所示。

在这里插入图片描述

图5-7我的界面图

5.2 管理员服务端功能实现
管理员通过家庭记账本小程序进行确认,管理员进入到家庭记账本小程序主界面,管理员进入到操作界面,通过登录窗口进行在线填写自己的用户名和密码、角色进行登录,登录成功后进入到系统操作界面进行相应信息的获取,如图5-8所示。
在这里插入图片描述

图5-8管理员登录主界面图

管理员进入到界面,通过界面的任务大厅,登录成功后进入到系统可以进行查看首页、个人中心、用户管理,消费详情管理、收入详情管理、系统管理等功能模块,进行相对应操作,如图5-9所示。
在这里插入图片描述

图5-9管理员功能界面图

管理员点击个人信息进入页面可以填写用户名等信息,进行详情、修改、删除操作,如图5-10示。

在这里插入图片描述

图5-10个人信息界面图

管理员进入用户管理界面,通过界面的任务大厅,登录成功后进入到系统可以进行查看用户账号、密码、性别、年龄、联系电话、电子邮箱等信息,进行相对应操作,如图5-11所示。
在这里插入图片描述

图5-12用户管理界面图

管理员进入到消费详情管理界面,通过界面的任务大厅,登录成功后进入到系统可以查看标题、食物消费、购物消费、交通消费、学习消费、其他消费、总消费、用户账号、角色、登记时间、封面等信息,进行相对应操作,如图5-13所示。
在这里插入图片描述

图5-13消费详情管理界面图

管理员进入到收入详情管理界面,通过界面的任务大厅,登录成功后进入到系统可以查看标题、工资收入、奖金收入、其他、总收入、用户账号、角色、登记时间、封面等信息,进行相对应操作,如图5-14所示。
在这里插入图片描述

图5-14收入详情管理界面图

轮播图;该页面为轮播图管理界面。管理员可以在此页面进行首页轮播图的管理,通过新建操作可在轮播图中加入新的图片,还可以对以上传的图片进行修改操作,以及图片的删除操作,如图5-15所示。
在这里插入图片描述

图5-15轮播图管理界面图

管理员进入系统公告界面,通过界面的任务大厅,登录成功后进入到系统可以查看标题、图片等信息,进行相对应操作,如图5-16所示。
在这里插入图片描述

图5-16系统公告界面图

核心代码

package com.controller;

import java.io.File;
import java.math.BigDecimal;
import java.net.URL;
import java.text.SimpleDateFormat;
import com.alibaba.fastjson.JSONObject;
import java.util.*;
import org.springframework.beans.BeanUtils;
import javax.servlet.http.HttpServletRequest;
import org.springframework.web.context.ContextLoader;
import javax.servlet.ServletContext;
import com.service.TokenService;
import com.utils.*;
import java.lang.reflect.InvocationTargetException;

import com.service.DictionaryService;
import org.apache.commons.lang3.StringUtils;
import com.annotation.IgnoreAuth;
import org.slf4j.Logger;
import org.slf4j.LoggerFactory;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.*;
import com.baomidou.mybatisplus.mapper.EntityWrapper;
import com.baomidou.mybatisplus.mapper.Wrapper;
import com.entity.*;
import com.entity.view.*;
import com.service.*;
import com.utils.PageUtils;
import com.utils.R;
import com.alibaba.fastjson.*;

/**
 * 收入详情
 * 后端接口
 * @author
 * @email
*/
@RestController
@Controller
@RequestMapping("/shouruxiangqing")
public class ShouruxiangqingController {
    private static final Logger logger = LoggerFactory.getLogger(ShouruxiangqingController.class);

    @Autowired
    private ShouruxiangqingService shouruxiangqingService;


    @Autowired
    private TokenService tokenService;
    @Autowired
    private DictionaryService dictionaryService;

    //级联表service
    @Autowired
    private YonghuService yonghuService;



    /**
    * 后端列表
    */
    @RequestMapping("/page")
    public R page(@RequestParam Map<String, Object> params, HttpServletRequest request){
        logger.debug("page方法:,,Controller:{},,params:{}",this.getClass().getName(),JSONObject.toJSONString(params));
        String role = String.valueOf(request.getSession().getAttribute("role"));
        if(false)
            return R.error(511,"永不会进入");
        else if("用户".equals(role))
            params.put("yonghuId",request.getSession().getAttribute("userId"));
        if(params.get("orderBy")==null || params.get("orderBy")==""){
            params.put("orderBy","id");
        }
        PageUtils page = shouruxiangqingService.queryPage(params);

        //字典表数据转换
        List<ShouruxiangqingView> list =(List<ShouruxiangqingView>)page.getList();
        for(ShouruxiangqingView c:list){
            //修改对应字典表字段
            dictionaryService.dictionaryConvert(c, request);
        }
        return R.ok().put("data", page);
    }

    /**
    * 后端详情
    */
    @RequestMapping("/info/{id}")
    public R info(@PathVariable("id") Long id, HttpServletRequest request){
        logger.debug("info方法:,,Controller:{},,id:{}",this.getClass().getName(),id);
        ShouruxiangqingEntity shouruxiangqing = shouruxiangqingService.selectById(id);
        if(shouruxiangqing !=null){
            //entity转view
            ShouruxiangqingView view = new ShouruxiangqingView();
            BeanUtils.copyProperties( shouruxiangqing , view );//把实体数据重构到view中

                //级联表
                YonghuEntity yonghu = yonghuService.selectById(shouruxiangqing.getYonghuId());
                if(yonghu != null){
                    BeanUtils.copyProperties( yonghu , view ,new String[]{ "id", "createTime", "insertTime", "updateTime"});//把级联的数据添加到view中,并排除id和创建时间字段
                    view.setYonghuId(yonghu.getId());
                }
            //修改对应字典表字段
            dictionaryService.dictionaryConvert(view, request);
            return R.ok().put("data", view);
        }else {
            return R.error(511,"查不到数据");
        }

    }

    /**
    * 后端保存
    */
    @RequestMapping("/save")
    public R save(@RequestBody ShouruxiangqingEntity shouruxiangqing, HttpServletRequest request){
        logger.debug("save方法:,,Controller:{},,shouruxiangqing:{}",this.getClass().getName(),shouruxiangqing.toString());

        String role = String.valueOf(request.getSession().getAttribute("role"));
        if(false)
            return R.error(511,"永远不会进入");
        else if("用户".equals(role))
            shouruxiangqing.setYonghuId(Integer.valueOf(String.valueOf(request.getSession().getAttribute("userId"))));

        Wrapper<ShouruxiangqingEntity> queryWrapper = new EntityWrapper<ShouruxiangqingEntity>()
            .eq("shouruxiangqing_name", shouruxiangqing.getShouruxiangqingName())
            .eq("shouruxiangqing_money", shouruxiangqing.getShouruxiangqingMoney())
            .eq("shouruxiangqing_types", shouruxiangqing.getShouruxiangqingTypes())
            .eq("yonghu_id", shouruxiangqing.getYonghuId())
            .eq("insert_time", new SimpleDateFormat("yyyy-MM-dd").format(new Date()))
            ;

        logger.info("sql语句:"+queryWrapper.getSqlSegment());
        ShouruxiangqingEntity shouruxiangqingEntity = shouruxiangqingService.selectOne(queryWrapper);
        if(shouruxiangqingEntity==null){
            shouruxiangqing.setInsertTime(new Date());
            shouruxiangqing.setCreateTime(new Date());
            shouruxiangqingService.insert(shouruxiangqing);
            return R.ok();
        }else {
            return R.error(511,"表中有相同数据");
        }
    }

    /**
    * 后端修改
    */
    @RequestMapping("/update")
    public R update(@RequestBody ShouruxiangqingEntity shouruxiangqing, HttpServletRequest request){
        logger.debug("update方法:,,Controller:{},,shouruxiangqing:{}",this.getClass().getName(),shouruxiangqing.toString());

        String role = String.valueOf(request.getSession().getAttribute("role"));
//        if(false)
//            return R.error(511,"永远不会进入");
//        else if("用户".equals(role))
//            shouruxiangqing.setYonghuId(Integer.valueOf(String.valueOf(request.getSession().getAttribute("userId"))));
        //根据字段查询是否有相同数据
        Wrapper<ShouruxiangqingEntity> queryWrapper = new EntityWrapper<ShouruxiangqingEntity>()
            .notIn("id",shouruxiangqing.getId())
            .andNew()
            .eq("shouruxiangqing_name", shouruxiangqing.getShouruxiangqingName())
            .eq("shouruxiangqing_money", shouruxiangqing.getShouruxiangqingMoney())
            .eq("shouruxiangqing_types", shouruxiangqing.getShouruxiangqingTypes())
            .eq("yonghu_id", shouruxiangqing.getYonghuId())
            .eq("insert_time", new SimpleDateFormat("yyyy-MM-dd").format(shouruxiangqing.getInsertTime()))
            ;

        logger.info("sql语句:"+queryWrapper.getSqlSegment());
        ShouruxiangqingEntity shouruxiangqingEntity = shouruxiangqingService.selectOne(queryWrapper);
        if("".equals(shouruxiangqing.getShouruxiangqingPhoto()) || "null".equals(shouruxiangqing.getShouruxiangqingPhoto())){
                shouruxiangqing.setShouruxiangqingPhoto(null);
        }
        if(shouruxiangqingEntity==null){
            shouruxiangqingService.updateById(shouruxiangqing);//根据id更新
            return R.ok();
        }else {
            return R.error(511,"表中有相同数据");
        }
    }



    /**
    * 删除
    */
    @RequestMapping("/delete")
    public R delete(@RequestBody Integer[] ids){
        logger.debug("delete:,,Controller:{},,ids:{}",this.getClass().getName(),ids.toString());
        shouruxiangqingService.deleteBatchIds(Arrays.asList(ids));
        return R.ok();
    }


    /**
     * 批量上传
     */
    @RequestMapping("/batchInsert")
    public R save( String fileName, HttpServletRequest request){
        logger.debug("batchInsert方法:,,Controller:{},,fileName:{}",this.getClass().getName(),fileName);
        Integer yonghuId = Integer.valueOf(String.valueOf(request.getSession().getAttribute("userId")));
        SimpleDateFormat sdf = new SimpleDateFormat("yyyy-MM-dd HH:mm:ss");
        try {
            List<ShouruxiangqingEntity> shouruxiangqingList = new ArrayList<>();//上传的东西
            Map<String, List<String>> seachFields= new HashMap<>();//要查询的字段
            Date date = new Date();
            int lastIndexOf = fileName.lastIndexOf(".");
            if(lastIndexOf == -1){
                return R.error(511,"该文件没有后缀");
            }else{
                String suffix = fileName.substring(lastIndexOf);
                if(!".xls".equals(suffix)){
                    return R.error(511,"只支持后缀为xls的excel文件");
                }else{
                    URL resource = this.getClass().getClassLoader().getResource("../../upload/" + fileName);//获取文件路径
                    File file = new File(resource.getFile());
                    if(!file.exists()){
                        return R.error(511,"找不到上传文件,请联系管理员");
                    }else{
                        List<List<String>> dataList = PoiUtil.poiImport(file.getPath());//读取xls文件
                        dataList.remove(0);//删除第一行,因为第一行是提示
                        for(List<String> data:dataList){
                            //循环
                            ShouruxiangqingEntity shouruxiangqingEntity = new ShouruxiangqingEntity();
//                            shouruxiangqingEntity.setShouruxiangqingName(data.get(0));                    //标题 要改的
//                            shouruxiangqingEntity.setShouruxiangqingPhoto("");//详情和图片
//                            shouruxiangqingEntity.setShouruxiangqingMoney(Integer.valueOf(data.get(0)));   //收入金额 要改的
//                            shouruxiangqingEntity.setShouruxiangqingTypes(Integer.valueOf(data.get(0)));   //收入类型 要改的
//                            shouruxiangqingEntity.setYonghuId(Integer.valueOf(data.get(0)));   //用户 要改的
//                            shouruxiangqingEntity.setShouruxiangqingContent("");//详情和图片
//                            shouruxiangqingEntity.setInsertTime(date);//时间
//                            shouruxiangqingEntity.setCreateTime(date);//时间
                            shouruxiangqingList.add(shouruxiangqingEntity);


                            //把要查询是否重复的字段放入map中
                        }

                        //查询是否重复
                        shouruxiangqingService.insertBatch(shouruxiangqingList);
                        return R.ok();
                    }
                }
            }
        }catch (Exception e){
            e.printStackTrace();
            return R.error(511,"批量插入数据异常,请联系管理员");
        }
    }





    /**
    * 前端列表
    */
    @IgnoreAuth
    @RequestMapping("/list")
    public R list(@RequestParam Map<String, Object> params, HttpServletRequest request){
        logger.debug("list方法:,,Controller:{},,params:{}",this.getClass().getName(),JSONObject.toJSONString(params));

        // 没有指定排序字段就默认id倒序
        if(StringUtil.isEmpty(String.valueOf(params.get("orderBy")))){
            params.put("orderBy","id");
        }
        PageUtils page = shouruxiangqingService.queryPage(params);

        //字典表数据转换
        List<ShouruxiangqingView> list =(List<ShouruxiangqingView>)page.getList();
        for(ShouruxiangqingView c:list)
            dictionaryService.dictionaryConvert(c, request); //修改对应字典表字段
        return R.ok().put("data", page);
    }

    /**
    * 前端详情
    */
    @RequestMapping("/detail/{id}")
    public R detail(@PathVariable("id") Long id, HttpServletRequest request){
        logger.debug("detail方法:,,Controller:{},,id:{}",this.getClass().getName(),id);
        ShouruxiangqingEntity shouruxiangqing = shouruxiangqingService.selectById(id);
            if(shouruxiangqing !=null){


                //entity转view
                ShouruxiangqingView view = new ShouruxiangqingView();
                BeanUtils.copyProperties( shouruxiangqing , view );//把实体数据重构到view中

                //级联表
                    YonghuEntity yonghu = yonghuService.selectById(shouruxiangqing.getYonghuId());
                if(yonghu != null){
                    BeanUtils.copyProperties( yonghu , view ,new String[]{ "id", "createDate"});//把级联的数据添加到view中,并排除id和创建时间字段
                    view.setYonghuId(yonghu.getId());
                }
                //修改对应字典表字段
                dictionaryService.dictionaryConvert(view, request);
                return R.ok().put("data", view);
            }else {
                return R.error(511,"查不到数据");
            }
    }


    /**
    * 前端保存
    */
    @RequestMapping("/add")
    public R add(@RequestBody ShouruxiangqingEntity shouruxiangqing, HttpServletRequest request){
        logger.debug("add方法:,,Controller:{},,shouruxiangqing:{}",this.getClass().getName(),shouruxiangqing.toString());
        Wrapper<ShouruxiangqingEntity> queryWrapper = new EntityWrapper<ShouruxiangqingEntity>()
            .eq("shouruxiangqing_name", shouruxiangqing.getShouruxiangqingName())
            .eq("shouruxiangqing_money", shouruxiangqing.getShouruxiangqingMoney())
            .eq("shouruxiangqing_types", shouruxiangqing.getShouruxiangqingTypes())
            .eq("yonghu_id", shouruxiangqing.getYonghuId())
            ;
        logger.info("sql语句:"+queryWrapper.getSqlSegment());
        ShouruxiangqingEntity shouruxiangqingEntity = shouruxiangqingService.selectOne(queryWrapper);
        if(shouruxiangqingEntity==null){
            shouruxiangqing.setInsertTime(new Date());
            shouruxiangqing.setCreateTime(new Date());
        shouruxiangqingService.insert(shouruxiangqing);
            return R.ok();
        }else {
            return R.error(511,"表中有相同数据");
        }
    }


}

论文参考

在这里插入图片描述

目 录
摘 要 I
Abstract II
第一章 绪 论 1
1.1选题背景 2
1.2研究现状 3
1.3研究内容 4
第二章 开发工具及关键技术介绍 5
2.1微信开发者工具 6
2.2小程序框架以及目录结构介绍 7
2.3 JAVA技术 8
2.4 Mysql数据库 8
2.5 SSM框架 8
第三章 系统分析 10
3.1需求分析 10
3.2可行性分析 10
3.2.1技术可行性:技术背景 10
3.2.2经济可行性 11
3.2.3操作可行性: 11
3.3性能分析 11
3.4系统操作流程 12
3.4.1管理员登录流程 12
3.4.2信息添加流程 12
3.4.3信息删除流程 13
第四章 系统设计与实现 15
4.1系统架构设计 15
4.2开发流程设计 15
4.3数据库设计 16
4.3.1实体ER图 16
4.3.2数据表 18
第五章 系统实现 21
5.1 用户客户端功能实现 24
5.2 管理员服务端功能实现 24
第六章 系统的测试 27
6.1 测试目的 27
6.2 测试方案设计 27
6.2.1 测试策略 27
6.2.2 测试分析 28
6.3 测试结果 28
结 论 29
参考文献 30
致 谢 31

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
很抱歉,作为AI语言模型,我无法为您编写完整的应用程序。但我可以提供一些基本的思路和技术建议,帮助您构建一个基于Java SSM的办公室租赁管理系统。 第一步:梳理需求 在开始开发之前,您需要明确自己的需求,包括系统的基本功能、用户角色、数据管理等等。以下是可能需要考虑的一些功能: 1. 办公室租赁信息管理:包括添加、修改、删除办公室租赁信息、查看租赁列表等。 2. 用户管理:包括注册、登录、修改密码等。 3. 订单管理:包括租赁订单的生成、查询、修改和删除等。 4. 支付管理:包括在线支付和线下支付等。 5. 数据分析:包括数据统计、报表生成等。 6. 系统设置:包括系统参数设置、权限管理等。 第二步:选择框架 Java SSM框架指的是Spring、SpringMVC、MyBatis三个框架的组合。这三个框架可以协同工作,提供了一个完整的Java Web开发框架。您可以根据自己的情况选择使用。 第三步:数据库设计 在选择好框架之后,您需要设计数据库。以下是可能需要考虑的一些表: 1. 用户表:包括用户ID、用户名、密码等。 2. 办公室租赁信息表:包括租赁ID、租赁时间、租赁时长、租赁价格等。 3. 订单表:包括订单ID、用户ID、租赁ID、订单时间、订单状态等。 4. 支付表:包括支付ID、订单ID、支付方式、支付时间等。 第四步:编写代码 在以上步骤完成之后,您可以开始编写Java代码,实现系统的各种功能。以下是可能需要使用的技术: 1. Spring框架:用于管理对象、处理事务、提供AOP等。 2. SpringMVC框架:用于处理HTTP请求、路由、渲染视图等。 3. MyBatis框架:用于ORM(对象关系映射)、执行SQL语句等。 4. Bootstrap框架:用于构建美观的前端页面。 5. jQuery框架:用于处理前端事件、异步请求等。 6. Maven工具:用于项目管理、依赖管理等。 7. Tomcat服务器:用于部署和运行Java Web应用程序。 总结 以上是一个基于Java SSM的办公室租赁管理系统的基本思路和建议,希望可以对您有所帮助。在实际开发过程中,还需要根据具体需求进行调整和扩展。祝您开发成功!

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

qq_3306428634

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值