种颗好白菜-CSDN博客

首先，简单介绍一下spring boot的配置和连接数据库获取数据（在Log in with Atlassian account 案例基础上进行修改）。spingboot目录结构：SpingMVCConfig.java:（由于从Intellij IDEA中复制的代码在这里粘贴，结构会乱，所以这里用代码截图）Product.java:ApiController.java：package com.example.odata.controller;imp...

2022-05-16 15:00:07 881

原创 Flutter VS Code for Windows（开发环境搭建）

准备工具：1、Flutter SDK 官方下载链接2、JDK 官方下载链接3、Android Studio 官方下载链接Flutter SDK的安装与配置在D盘新建一个development文件夹，将压缩包解压在这个文件夹下（之后下载的安装包都解压在这个文件夹下）。如下图所示配置环境变量点击桌面左下角的搜索，在弹出的搜索框输入path，点击编辑环境变量因为国内访问Flutter受到限制，Flutter官方为中国开发者搭建了临时镜像，将如下环境变量加入到系统..

2022-05-16 14:53:45 346

原创 Flutter关于布局

简介：布局类组件都会包含一个或多个子组件，不同的布局类组件对子组件排列（layout）方式不同。线性布局（Row和Column）所谓线性布局，即指沿水平或垂直方向排列子组件。Flutter 中通过Row和Column来实现线性布局。Row和Column都继承自Flex，我们将在弹性布局一节中详细介绍Flex。主轴与纵轴如果布局是沿水平方向，那么主轴就是指水平方向，而纵轴即垂直方向；如果布局沿垂直方向，那么主轴就是指垂直方向，而纵轴就是水平方向。在线性布局中，有两个定义对齐方式的枚举类Main

2022-05-13 13:03:57 1589

原创 Flutter 路由管理

通过 VS Code 创建一个新的 Flutter 工程，创建好后，就会得到一个计数器应用的 Demo。在“计数器”示例的基础上，删掉多余部分，然后写自己需要的部分。import 'package:flutter/material.dart';void main() { runApp(const MyApp());}class MyApp extends StatelessWidget { const MyApp({Key? key}) : super(key: key); /...

2022-05-13 13:00:17 1222

原创 Flutter表单输入验证

main.dart // ignore: unused_importimport 'package:flutter/material.dart';void main() => runApp(Myapp());// 自定义组件class Myapp extends StatelessWidget { @override Widget build(BuildContext context) { return MaterialApp( home: Scaff..

2022-05-13 12:55:32 2361

原创数据的增删改查

模拟数据服务器这里可以参考：Hero guide 从服务器端获取数据_w3cschool本应用将使用内存 Web API（In-memory Web API）模拟出的远程数据服务器通讯，并且给出仿真的响应。安装这个内存 Web API 包：npm install angular-in-memory-web-api --save在 AppModule 中需要导入：import { HttpClientModule} from '@angular/common/http';impor

2022-05-13 12:53:04 489

原创如何进行数据验证（validator）

Angular 中有两种表单： Template-Driven Forms - 模板驱动式表单 (类似于 AngularJS 1.x 中的表单 ) Reactive Forms - 响应式表单我们主要使用响应式表单来进行validator方法验证首先在 @NgModule 中导入 @angular/forms 库中的 ReactiveFormsModule： app.module.ts import { ReactiveFormsModule } from '@angu

2022-05-13 12:49:07 3073

原创页面间数据传递（共享数据）

数据共享：第一个页面输入的内容在不更新到服务器端的情况下，怎样在第二个页面上显示出来。首先我们需要两个页面，且可以相互跳转。创建数据共享的service：ng generate service share //可以创速传建share.service.ts并自动在app.module.ts中声明import { Injectable } from '@angular/core';import { HttpClient } from '@angular/common/http';@Inje

2022-05-13 12:43:20 1252

原创 navigate实现页面跳转及传参

定义“路由词典”，注册Router和Routes。src\app\app.module.tsimport { RouterModule } from '@angular/router'import { NgModule } from '@angular/core';import { BrowserModule } from '@angular/platform-browser';import { AppRoutingModule } from './app-routing.modul..

2022-05-10 14:38:52 5375

原创 Angular单页应用与路由

首先对app.component.html进行简单布局<div class="bigBox"> <div class="content"> <div class="left"> <button>去蓝色页面</button> <button>去黄色页面</button> </div> <div class="right"&gt...

2022-05-10 14:33:34 485

原创 angular数据绑定

数据绑定具体包含 HTML绑定属性绑定指令绑定事件绑定双向数据绑定自定义控件根据ng g component attribute命令创建一个组件attribute; HTML、TS代码如下 <button (click)="jianshao()">-</button><span>{{count}}</span><button (click)="zengjia()"

2022-05-10 14:27:51 1689

原创 Angular Material 简单控件使用

Angular Material参考：快速上手 Getting started - Angular Material 组件库安装Angular Material 使用 Angular CLI 的安装原理图通过运行以下命令来设置你的 Angular Material 项目：ng add @angular/material 安装会询问预置的主题名，选择好之后回车即可。设置全局Angular Material排版样式，是否为应用程序套用全局排版样式。

2022-05-10 14:21:08 1460 1

原创 Angular环境搭建

以下步骤都不需要事先创建文件夹，只是环境的准备过程，只有到需要搭建项目的时候才需要创建文件夹用来存放项目文件。安装NodeJsNodeJs的安装步骤是很简单的，在网上下载一个一个nodeJs安装包，然后按照提示一步一步的安装。NodeJs安装好之后会连带着安装一个npm安装LTS版本的，LTS表示当前最稳定使用最广泛的版本的，Current表示最新版本的，推荐安装最稳定的版本。安装完成之后在控制台上输入npm -v 以及 node -v,若成功则会输出对应版本，并且已经将npm和node部

2022-05-07 16:26:14 463

m0_65503310的博客

原创发布并使用自己的npm包

原创 flutter数据请求