首页 > TAG信息列表 > ToDoList

todolist 2

next https://blog.csdn.net/BUG_zhentan/article/details/126030277 gRPC demo完善 https://www.cnblogs.com/ukzq/p/16663741.html 线程根据该博客回顾 https://www.cnblogs.com/greyzeng/p/16670800.html

微信小程序 TODO案例

源于 https://ask.csdn.net/questions/7759861 进行了简化。 效果 代码 index.js Page({ data: { // 待办列表 todoList: [ { thing: '洗衣服', completed: false }, { thing: '刷鞋', completed: false }

(redux简单体验)创建Redux中的仓库-store和reducer

npm install --save redux react-redux //安装react-redux和redux "^4.2.0", 只装 redux也可   TodoList.js import React, { Component } from 'react' import {Input,Button,List} from 'antd' import store from './store'; class

基于事件的前端编程

基于事件的前端编程 本文写于 2022 年 5 月 17 日。 如果我们需要一个 TODO list 应用,你会怎么样去设计它? 最简单直接的方法: UI 层创建一个按钮、一个输入框,用一个 ul 嵌套 li 做展示,每个 li 上都有一个删除按钮; 在 JS 中创建一个数组; 设置监听事件: 每次点击提交按钮就往数组里

TodoList-React-Function组件

src文件 1.入口文件(index.js) import React from "react"; import ReactDOM from "react-dom/client"; // createRoot的包是从这导出来的 // reac18采用了 createRoot的方式来进行渲染 const root = ReactDOM.createRoot(document.getElementById("root")); root.render

TodoList-React

src文件 1.入口文件(index.js) import React from 'react';//主要环境库es6 import ReactDOM from 'react-dom';//渲染dom环境 import Todo from './Todo'//引入组件 //渲染的dom ReactDOM.render( <Todo></Todo>, document.getElementById('roo

react--todolist

1 import React, { createRef, Fragment } from "react"; 2 3 export default class Todolist extends React.Component { 4 constructor() { 5 super(); 6 this.state = { 7 obj: [ 8 { title: "吃饭" }, 9 { t

JQuery本地存储的一个缺点

假如我们需要写一个类似记事本的功能的时候,需要用到本地存储(用户关闭页面,数据不会丢失) localStorage 里面只能存储字符串类型的数据格式。 但是存放用户数据的方式往往选用数组(存放多条用户数据)来存储 如果不进行一些必要的转换就会出现如下情况:      如上图所示,我们无法看到

使用.NET 6开发TodoList应用(31)——实现基于Github Actions和ACI的CI/CD

系列导航及源代码 使用.NET 6开发TodoList应用文章索引 需求和目标 在这个系列的最后一节中,我们将使用GitHub Actions将TodoList应用部署到Azure Container Instance上。 实现 为了确保部署的应用能够正确运行,我们需要做以下几件事: 创建Azure SQL Server实例 选择最便宜的数据库

使用.NET 6开发TodoList应用(28)——实现应用程序健康检查

系列导航及源代码 使用.NET 6开发TodoList应用文章索引 需求 应用健康检查在容器部署的微服务场景下非常常见,相比而言单体非容器部署的应用就不太关心这个特性,为了后续的内容我们在本文中简单介绍一下如何实现应用程序的健康检查功能。 目标 实现TodoList的健康检查功能。 原理

使用.NET 6开发TodoList应用(25)——实现RefreshToken

系列导航及源代码 使用.NET 6开发TodoList应用文章索引 需求 在上一篇文章使用.NET 6开发TodoList应用(24)——实现基于JWT的Identity功能中,我们演示了如何使用.NET框架的Identity组件实现基于JWT Token的认证和授权功能。我们可以想象一下场景:当获取到的Token过期以后,我们必须

使用.NET 6开发TodoList应用(24)——实现基于JWT的Identity功能

系列导航及源代码 使用.NET 6开发TodoList应用文章索引 需求 在.NET Web API开发中还有一个很重要的需求是关于身份认证和授权的,这个主题非常大,所以本文不打算面面俱到地介绍整个主题,而仅使用.NET框架自带的认证和授权中间件去实现基于JWT的身份认证和授权功能。一些关于这个主

VUE学习记录(TodoList v-model、v-for、v-on)

通过input框向任务列表增加任务 创建新页面 引入vue.js <script src="./vue.js"></script> .html文件 前端大体框架 <div id="app"> <input type="text"/> <button>提交</button> <ul>

使用.NET 6开发TodoList应用(14)——实现查询过滤

系列导航及源代码 使用.NET 6开发TodoList应用文章索引 需求 在查询请求中,还有一类常见的场景是过滤查询,也就是有限制条件的查询,落在数据库层面就是常用的Where查询子句。实现起来也很简单。 目标 实现查询过滤的功能 原理与思路 查询过滤的请求有两种方式,一种是采用POST方法,将

使用.NET 6开发TodoList应用(13)——实现查询分页

系列导航及源代码 使用.NET 6开发TodoList应用文章索引 需求 查询中有个非常常见的需求就是后端分页,实现的方式也不算复杂,所以我们本文仅仅演示一个后端查询分页的例子。 目标 实现分页查询返回。 原理与思路 对于分页查询而言,我们需要在请求中获取当前请求的是第几页,每页请求多

vue todoList

main.js 点击查看代码 //引入Vue import Vue from 'vue' //引入App import App from './App.vue' //关闭Vue的生产提示 Vue.config.productionTip = false //创建vm new Vue({ el:'#app', render: h => h(App) }) App.vue 点击查看代码 <template> &

使用.NET 6开发TodoList应用(11)——使用FluentValidation和MediatR实现接口请求验证

系列导航及源代码 使用.NET 6开发TodoList应用文章索引 需求 在响应请求处理的过程中,我们经常需要对请求参数的合法性进行校验,如果参数不合法,将不继续进行业务逻辑的处理。我们当然可以将每个接口的参数校验逻辑写到对应的Handle方法中,但是更好的做法是借助MediatR提供的特性,将

使用.NET 6开发TodoList应用(5)——领域实体创建

需求 上一篇文章中我们完成了数据存储服务的接入,从这一篇开始将正式进入业务逻辑部分的开发。 首先要定义和解决的问题是,根据TodoList项目的需求,我们应该设计怎样的数据实体,如何去进行操作? 长文预警!包含大量代码 目标 在本文中,我们希望达到以下几个目标: 定义领域实体; 通过数据库

使用.NET 6开发TodoList应用(2)——项目结构搭建

为了不影响阅读的体验,我把系列导航放到文章最后了,有需要的小伙伴可以直接通过导航跳转到对应的文章 : P TodoList需求简介 首先明确一下我们即将开发的这个TodoList应用都需要完成什么功能,我不会一次性把所有的特性诸如允许用户登陆之类的需求全部写上,只是先列出最基本的功能性需

使用.NET 6开发TodoList应用(1)——系列背景

前言 想到要写这样一个系列博客,初衷有两个:一是希望通过一个实践项目,将.NET 6 WebAPI开发的基础知识串联起来,帮助那些想要入门.NET 6服务端开发的朋友们快速上手,对使用.NET 6开发后端服务的技术全貌有一个基本的认识和掌握,顺便把自己的技能树检查一遍;二是希望为国内的.NET环境有一

jq实现ToDoList简单的添加删除完成功能

简单的添加和删除还原ToDoList的简单功能 当输入内容的时候需要判断是否为空?然后再通过键盘enter验证进入,以免输入空也可以。 添加:首先找到需要添加到的位置,然后通过jq的添加方法(append(),appendto()…等等)将input框里面的内容加入到元素内容。 当你完成一项的时候点击复选框

vue3制作简易版todolist(学习笔记)

知识点 使用vue3开发todolistcomposition api  使用vue3开发todolist 定义一个文本框,用来输入todo事件,并且为这个文本框绑定输入事件 <script> const myview=Vue.creatApp({ template:'<div> <input :value="inputvalue"@input="handleInputChan

「后端小伙伴来学前端了」Vue中利用全局事件总线改造 TodoList 案例

前言 上上篇写了:

vue 插件的使用 todolist案例

vue 插件的使用 vue中样式的使用 todolist案例

组件通信实现vue+localStorage制作todolist

今天找到一篇使用组件通信的方法制作的todolist,换了一种思路,有练习了组件通信,先把第一步记录下来 <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="width=dev