首页 > 其他分享 >家庭记账本开发(4)

家庭记账本开发(4)

时间:2024-02-25 13:55:19浏览次数:23  
标签:界面 用户界面 前端 家庭 数据表 开发 记账 管理员

接昨天的

已经完成后端数据表的增删改查,并且接口已经测试完成,无误。

今天开始前端

先分析前端需要的界面:

①登录界面

②管理员界面

③用户界面

同时管理员界面和用户界面中又包含多个界面:收入具体界面和支出具体界面和首页显示总账等信息

 

 

今天先将前端界面配置好,创建vue项目,引入element ui和axios(异步请求),

配置好对应的路径router

 明天进行界面的编写

标签:界面,用户界面,前端,家庭,数据表,开发,记账,管理员
From: https://www.cnblogs.com/lian369/p/18032329

相关文章

  • Taurus.MVC WebMVC 入门开发教程1:框架下载环境配置与运行
    前言:之前有网友说Mvc系列的教程对新手不友好,因此补充新手入门系列教程。在开始使用Taurus.Mvc 进行Web应用开发之前,建议可以观摩一下之前的文章:WebAPI系列教程因为两者的教程,有相通的部分,唯一的差别部分,在于Web应用涉及到UI界面。本系列的目录大纲为:Taurus.MVCWebMVC......
  • 07 使用IDEA开发
    IDEA软件安装软件IDEA官方下载地址步骤一下载进入官网地址选择电脑对应的版本进行下载。步骤二安装下载完成双击引用程序进行安装选择安装路径安装完成。步骤三运行双击打开IDEA解释下标注的地方:①:Projects:项目;②:NewProject:新建一个项......
  • 家庭记账本开发(3)
    接着昨天的在idea中按照controller--service--mapper的顺序进行数据库表的增删改查,对每个表都进行一次   完成对应的接口后,在ApiPost7中进行后端接口的测试,对增删改查的每一项逐个进行测试 部分结果展示:      ......
  • 家庭记账本开发(2)
    接着昨天的计划,采用springboot和vue开发采用前后端分离的模式,先从后端开始:①创建springboot项目,并导入相关依赖,配置相关设置包括mybatis驱动,Lombok驱动(实现bean类的快速生成),sql数据库驱动springweb驱动 ②配置相关数据库的信息,如下 ③使用codeGenerator工具快速生成......
  • dremio 从S3StoragePlugin看一个存储插件的开发模式
    以前对于S3StoragePlugin有过简单的说明,以下结合S3StoragePlugin说明下如何开发一个存储扩展一些标准模式选择实现的存储插件的接口比如s3的因为实际上就是文件系统,所以S3StoragePlugin实现了FileSystemPlugin接口的,同时可以复用不少已有的实现(比如表创建,修改,删除相关的),......
  • Doris Fe在Mac上搭建开发环境踩坑记录
    1.拉取代码到本地gitclonehttps://github.com/apache/doris.git2.参考Doris的文档,但别全信(信了你就上当了)参考第一篇https://doris.apache.org/zh-CN/community/developer-guide/fe-idea-dev/这里的环境准备jdk必须1.8及以上maven必须3.5.4及以上(否则会报错,不过错......
  • 安卓开发一个功能并将数据存储到Room中的流程以及注意事项
    开发流程与注意事项添加Room依赖:确保在build.gradle文件中添加了Room的依赖项。注意使用kapt插件而不是annotationProcessor来处理注解以及这二者之间的兼容性关系。定义实体(Entity):创建一个或多个实体类,用@Entity注解标记,表示数据库中的表。创建数据访问对象(DAO):定义一个接口,使......
  • 04 Jvav 安装开发环境
    Jvav安装开发环境JKD卸载JDK删除jvav的安装目录删除JAVA_HOME删除path下关于Java的目录java-version安装JDK百度搜索JDK8,找到下载地址JDK官方下载地址同意协议下载电脑对应的版本(列如本人电脑是windows需要选择win版本下载)双击安装JDK-->点击下一步......
  • 进行开发3
    ~~~页面的设计基本完成后,开始一些模块化的设计。一、登录及注册界面:这里的登录界面采用简单的后台判断,在后续的过程中会用文件读写的方式判断用户是否存在。通过点击注册进入到注册界面,然后通过按钮点击事件判断是否含有为空的项目。注册完成后将用户名返回到登录界面中。二、......
  • 用wsl和windows vscode 进行开发
    https://code.visualstudio.com/docs/remote/wsl用wsl和windowsvscode进行开发上面是官方教程准备:安装wsl安装vscode插件:RemoteDevelopment使用(多种方式):在wslubuntu中输入code.在code中打开F1-WSL:xxxdistro...在windows用命令行启动code,附带下......