kongxx-CSDN博客

原创使用formio和react实现在线表单设计

访问 http://localhost:3000/ 即可看到效果。可以在页面的表单设计中拖动组件，然后在表单预览中查看效果。这里创建一个简单的页面组件，主要包括三部分，第一部分是表单设计器，第二部分是表单预览，第三部分是表单JSON数据。formiojs 是一个开源的在线表单设计工具，今天看看怎样在 react js 中使用 formiojs。另外，考虑样式等问题，还安装了下面几个依赖包。

2024-04-11 00:36:26 313 1

(注：因为脚步里设置的安装包名为linuxx64_12201_database.zip ，所以如果使用V839960-01.zip文件，可以建个链接“ln -s V839960-01.zip linuxx64_12201_database.zip”)对于 Oracle 数据库的容器镜像制作，oracle 官方提供了 Dockerfile 文件和制作脚本的（https://github.com/oracle/docker-images）。其中 -e 表示安装企业版本，-v 指定安装的版本号。

2024-04-07 20:32:46 511

原创 React拖拽组件react-grid-layout实现表单设计

左边是个控件列表，这里只放了三个控件:input, password和select；这里的控件需要增加 draggable 属性，标识控件可拖拽，比如：Input</Button>右边是个布局区域，可以在上面拖拽摆放控件位置，使用 react-grid-layout 的 Responsive 实现。当每个左侧控件拖到这个区域后，将根据具体类型，展示位具体样式。下面看一下代码实现，首先初始化三个控件，用来默认摆放着右侧的布局区域内# 初始化三个控件。

2024-04-03 08:49:19 545

原创 vscode插件ClipImage64实现markdown插入base64格式图片

但这么用起来实在不方便，于是查了一下，发现可以在 markdown 文档中通过插入图片的 base64 编码来直接把图片嵌入到 markdown 文档中。3、在markdown文档需要插入图片的位置使用快捷键 Ctrl+Alt+V（苹果系统使用 Cmd+Alt+V）直接把图片粘贴成 base64 编码的字符串。在写 Markdown 文件的时候，当需要插入图片时，常用的方式是把图片保存到本地或者保存在云端，然后在markdown文件中通过引用地址来使用。2、通过 Ctrl+C 从复制截屏的图片。

2024-04-01 23:24:03 284

原创 MacOS用户登录自动挂载共享目录

访问系统偏好设置 -> 用户与群组 -> 选择当前用户 -> 选择“登录项”标签 -> 使用下边的“+”按钮添加登录项，选择需要挂载的共享目录，然后确认。重新启动系统，验证自动挂载是否成功。

2024-04-01 09:53:48 88

原创 npx error “enoent ENOENT: no such file or directory, lstat C:\Users\Administrator\AppData\Roaming\np

在 “C:\Users\Administrator\AppData\Roaming\” 目录下手动创建 npm 目录，然后重新执行 npx 命令。检查了一下这个目录确实不存在，开始以为是 nodejs 或 npm 安装有问题，重新安装了一下，还是同样的错误。在提示上面错的时候，如果使用 npm config list 查看 npm 配置，可以发现有个 prefix 参数指定到了上面错误的目录。任何再次执行 “npx create-expo-app my-app” 命令来创建项目。

2024-03-26 08:56:04 490

原创 GraphQL入门之自定义标量类型

id: ID!schema {定义了一个标量类型 DateTime在用户对象中添加了一个标量类型的属性 registerDateTime查询操作的时候按用户 registerDateTime 来查找变更操作的时候添加了一个 registerDateTime 的标量类型。

2024-03-25 08:28:48 539

原创 GraphQL入门之变更输入类型

id: ID!) : User!} schema {新增了输入参数 UserInput 的定义，作为演示只包含两个参数 name 和 email。修改变更操作不再使用 name 和 email 作为参数，而是改成使用输入参数 UserInput。

2024-03-21 09:31:41 1031

原创 GraphQL入门之变更（Mutation）操作

id: ID!) : User!schema {定义模型对象：定义了一个User对象，包括 id, name 和 email 属性。定义查询操作：定义了一个查询操作，返回所有用户数组。定义变更操作：这里只定义了一个创建用户的变更操作，接收两个参数name和email，返回新创建的 User 对象。

2024-03-20 09:08:32 409

原创 GraphQL入门之查询指令Directive

id: ID!定义模型对象：定义了一个User对象，包括 id, name 和 email 属性。定义查询操作：定义了一个查询操作，返回用户列表。查询接受两个参数，includeName是否包括name字段，skipId是否跳过id字段。

2024-03-20 09:07:09 215

原创 GraphQL入门之一对多关联查询

定义了一个一对多关系的两个类型：Book 和 Author。定义了查询操作：Book 和 Author 列表。

2024-03-19 13:55:55 183

原创 GraphQL入门之分页查询

前一篇文章讲了怎么创建 GraphQL 的查询操作，今天在此基础上看看要实现一个简单的分页查询应该怎么做，顺便可以介绍一下 GraphQL 里的枚举类型和查询参数应该怎么用。创建 Node.js 的工程mkdir myappcd myappnpm init (一路回车)安装依赖包npm install @apollo/server graphql定义 Schema创建 schema.graphql 文件，内容如下：type User { id: ID! name: String

2024-03-19 08:45:35 334

原创 GraphQL入门之查询片段的使用

id: ID!): User,定义模型对象：定义了一个User对象，包括 id, name 和 email 属性。定义查询操作：定义了两个查询操作，users查询所有用户，user(id)根据id查询用户。

2024-03-18 10:54:04 208

原创 GraphQL入门之查询操作

id: ID!): User,定义模型对象：定义了一个User对象，包括 id, name 和 email 属性。定义查询操作：定义了两个查询操作，users查询所有用户，user(id)根据id查询用户。

2024-03-18 10:52:44 353

原创 GraphQL入门之使用ApolloClient查询

前一篇文章介绍了怎么使用 ApolloServer 搭建 GraphQL server，今天看看怎么使用 ApolloClient 来执行查询。

2024-03-17 15:49:25 187

原创 GraphQL入门之使用ApolloServer和express构建GraphQL服务

接上一篇文章，由于 express 现在仍然是主流的 Node.js 服务端框架，所以今天看看 ApolloServer 怎样和 express 集成构建 GraphQL 服务。另外今天文章也顺便讲一下怎么使用 typescript 来实现。

2024-03-13 13:09:21 377

原创 GraphQL入门之使用ApolloServer构建GraphQL服务

接上一篇文章，上一篇通过 express 作为 GraphQL Server 介绍了一下 GraphQL，今天说一下如何使用 Apollo Server 作为 GraphQL服务器。安装依赖包定义 Schema定义解析器创建ApolloServer使用上面定义的 schema 和 resolver 创建 ApolloServer启动ApolloServer服务完整代码在工程下创建 server.js，完整代码内容如下：测试启动服务使用浏览器访问 http://localhost

2024-03-13 09:01:18 256

原创 GraphQL入门

GraphQL 是一个用于 API 的查询语言，是一个使用基于类型系统来执行查询的服务端运行时。GraphQL 并没有和任何特定数据库或者存储引擎绑定，而是依靠你现有的代码和数据支撑。使用浏览器访问 http://localhost:4000/graphql，可以看到 GraphiQL IDE 的界面，输入。这里我门以 Node.js 的 express 框架为例，看一下 Hello World 的 GraphQL 版本。或者也可以使用 curl 命令查询。可以看到下面的查询结果。

2024-03-12 20:53:34 486

原创清除Mac OS上Xcode占用的空间

最近自己的Mac OS存储空间严重不足，想了一下，大概是从安装 Xcode 之后出现，在系统下通过 du 命令分析各目录大小，发现大概下面几个目录占用空间比较大，所以针对这几个名目录作了一下清理，释放了几十个G的空间。下载的模拟器: ~/Library/Developer/Xcode/iOS DeviceSupport，可根据情况手动删除。旧的应用程序存档: ~/Library/Developer/Xcode/Archives，可根据情况手动删除。可以使用下面命令清理。

2024-03-07 10:00:12 633

原创 Ubuntu visudo设置默认编辑器

现在 Ubuntu 上使用 visudo 编辑 sudoers 的时候，默认使用的编辑器不是vi，而是变成了editor，真真的是不习惯呀，今天发现可以在 visudo 里修改。保存，然后再次运行 “sudo visudo” 的时候，就会切换成 vim 编辑器了。使用 “sudo visudo” 编辑 sudoers 文件，在其中添加下面内容。

2024-03-07 09:41:20 353

原创 AWS Elastic Beanstalk通过应用负载均衡配置https

接上一篇，今天说说怎么通过AWS Elastic Beanstalk提供的应用负载均衡配置https。首先创建应用和环境，这里应用可以使用上一篇文章中使用的demo应用（只需要package.json和app.js文件）创建环境的时候，确认下面两个参数配置，其它参数按需要设置就好环境创建好之后，可以先访问验证一下环境的http是否工作正常。

2024-02-20 10:12:57 602 1

原创 AWS Elastic Beanstalk通过单实例配置https

在 AWS Elastic Beanstalk 上提供了多种方式来实现 https，比如通过单实例配置，负载均衡配置等。今天就以 nodejs + express 为例说一下怎么通过单实例配置实现https。

2024-02-20 10:10:01 509

原创 Nginx https反向代理

接前一篇文章，今天看看https的反向代理怎么配置。

2024-02-19 10:29:30 588

原创 Nginx反向代理

Nginx的一个常见使用场景是反向代理，可以用来隐藏后端服务地址或者做负载均衡使用。下面就来看看怎么实现一个最简单的反向代理。

2024-02-19 10:26:40 514

原创 Nginx错误502 Bad Gateway

其中 “upstream sent too big header while reading response header from upstream” 说明可能是nginx代理的缓冲区不够，因此需要调整一下缓冲区的配置，主要包括下面几个参数。使用Nginx配置的反向代理，浏览器访问的时候出现 “502 Bad Gateway” 错误，检查了一下后台error文件，发现有类似下面的错误。

2024-02-18 18:32:22 571

原创 Git忽略文件权限检查

自己有个Git项目的工程保存在共享存储上，然后在多个系统上操作文件的时候，总是出现虽然文件没有被修改，但是在其中某些系统上出现文件标记为变化了。并且如果使用 git status 检查文件的时候，出现类似下面的输出。这个问题的原因是文件在两个系统上权限不一致，因此可以使用下面命令让其忽略文件权限检查。也可以通过修改 “~/.gitconfig” 文件，在其中添加下面内容。也可以在git的全局范围内生效。

2024-02-05 20:14:14 399

原创 express 项目支持 typescript 实战

到这里，express + typescript 的工程改造就完成了，可以使用 “npm run dev” 命令启动工程进行测试。基于javascript的express创建好了，可以启动“npm run dev”验证一下。

2024-01-23 22:45:13 619

原创 AWS Elastic Beanstalk 创建应用时报错: aws-elasticbeanstalk-ec2-role不存在

解决办法就是手动创建 aws-elasticbeanstalk-ec2-role: IAM -> 角色 -> 创建角色 -> 选择“AWS服务”，案例选择“EC2” -> 权限策略(选择：AWSElasticBeanstalkWebTier, AWSElasticBeanstalkWorkerTier, AWSElasticBeanstalkMulticontainerDocker) -> 角色名称(aws-elasticbeanstalk-ec2-role)。然后删除已经创建的应用和环境，重新创建。

2024-01-23 21:10:38 389

Full Stack GraphQL Applications With React, Node.js, and Neo4j

Production Ready GraphQL

Practical GraphQL

Django.1.2.e-commerce.pdf

Advanced Python Programming

Manning.GWT.in.Practice.Apr.2008

空空如也