探索Next全栈开发 - 做一个问卷表单低码项目

已于 2024-08-02 11:15:28 修改
阅读量976 收藏 9
点赞数 24
文章标签： 前端 reactjs 低代码 ai
于 2024-07-23 10:40:10 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_44746132/article/details/140628921
版权

Home

为何做这个项目

赶上最近帮女朋友找工作搞点儿校招面试项目的心态，自己也好长时间没有写React项目了(长时间浸润在Vue的世界)，刚好趁着这个机会，回顾下React知识点，探索一下当前React开发的一些生态体系。

选择问卷低代码项目是因为我是主要工作是低代码编辑器开发，刚好最近有一些表单编辑器相关的探索，也看了看腾讯问卷做一个表单搭建的流程，想着还是自己做一个顺手。

为什么叫MORGanna问卷星?

最近刚玩儿了一个游戏叫做 “阿瓦隆”，里面的一个角色叫做"莫甘娜"，作为一个反方角色能够扮演正方主角形象出现，作为一个业余玩家，也希望自己的这个小项目能够像问卷星一样能够有用武之地。

项目用到了哪些技术栈?

  • React 18
  • Next.js v14
  • Ant Design UI v5
最低0.47元/天 解锁文章
一树梨花
关注
react 复杂低代码项目 - 问卷星
weixin_38245947的博客
04-15 864
2.设置淘宝镜像源： npm config set registry https://registry.npm.taobao.org。一个git hook工具，在git commit之前执行自定义的命令，如执行代码风格的检查，避免提交非规范代码。执行npm run format， 这个时候发现文件里面的单引号，都变成了双引号。组件化：拆分页面结构，通过组件拼装页面，复用组件。只关注数据的修改，不用再操作dom，增加开发效率。创建.prettierrc.js文件，制定规范。2.配置eslint。
仿造问卷星--开发一套调查问卷设计工具（1/3）--完整流程
tigerhhzz的博客
04-04 1028
Parcel是一款极速零配置WEB应用打包工具，快速、几乎零配置是它最大的特点，开箱即用。相比webpack，Parcel对于新手来是一个很好的选择。首先，新建一个空文件夹项目，在空文件上按shift键同时鼠标右击，打开命令终端窗口。pretty-print-json 打印和游览漂亮json的工具。copy-to-clipboard 复制内容到剪切板。访问http://localhost:1234。创建package.json。第二步，安装项目依赖。安装上面三个依赖工具。
HTML前端代码问卷星仿写（学习使用）
2401_83334819的博客
06-01 1440
HTML前端代码问卷星仿写，仅学习交流使用
react-问卷星项目（1）
BHDDGT的博客
09-10 2386
记录react项目的学习和创建
基于React技术栈的问卷星仿制项目设计源码
04-08
问卷星仿制项目：基于React技术栈开发，包含27个文件，包括5个JSON配置文件、3个JavaScript文件、3个TSX文件、3个TypeScript文件、2个PNG图像文件、2个CSS样式文件、1个.gitignore文件、1个husky/commit-msg文件、1个husky/pre-commit文件和1个Markdown文档。该项目是一个复杂低代码项目，采用最新React技术栈，旨在仿制问卷星平台，为用户提供一个类似的问卷调查解决方案。
一站式全栈开发流程：前端与后端的无缝整合技巧
[一站式全栈开发流程：前端与后端的无缝整合技巧](https://cdn.educba.com/academy/wp-content/uploads/2019/12/HTML5-Semantic-Elements.jpg) # 摘要 随着技术的发展，全栈开发已成为构建现代应用的核心模式。本文...
程序员转型独立开发者实现财富自由终极指南（2025版）
AI天才研究院
04-08 1255
财务自由公式被动收入 ≥ 生活开支 × 1.5（安全边际）例：月支出2万 → 需3万/月被动收入（通过SaaS/投资组合实现）阶段划分初级阶段：月入1-3万（副业+小产品）进阶阶段：月入5万+（规模化产品）自由阶段：月入10万+（被动收入为主）在数字化浪潮席卷全球的今天，独立开发者（Indie Hacker）这一职业路径正吸引着越来越多程序员的关注。与传统职场发展路径不同，独立开发意味着你既是技术的创造者，也是产品的所有者，能够直接面向市场创造价值并获得收益。
19 个用于 Web 开发、AI 和其他领域的开源工具
qq_28791753的博客
01-04 1332
它使开发人员能够使用熟悉的技术（例如用于前端的 React、用于后端的 Node.js 和用于数据库管理的 Prisma）构建 Web 应用，所有这些都通过高级领域特定语言 (DSL) 进行编排。它为开发人员和数据科学家提供了工具，以增强基于 LLM 的系统的整个开发和部署生命周期中的可观察性和可靠性。它提供了一套全面的工具，用于警报重复数据删除、丰富、过滤、关联和自动化，提供了一个用于管理警报和事件的集中界面。它可以捕获和分析网络流量，提供对请求和响应时间的详细洞察，从而帮助识别性能瓶颈和延迟问题。
初步认识低代码
m0_56069948的博客
07-09 594
本篇主要介绍、、、，最后使用低代码前端框架 amis 初步搭建一个。低代码不是一个纯粹的编程工具，把它叫做更为合适。以前人们会在简历中写等办公软件，以后人们可能会写（办公自动化的一种新能力）程序员可以跟各个部门配合，把各种重复性的、最常用的流程沉淀成服务模块，在加上低代码平台或无代码平台，普通的办公人员（即非程序员，比如运营）就能用最简单、人性化的方式把它调用出来解决问题（或流程自动化），而无需额外的程序员投入。某公司有个网上商城，每到大促期间，比如国庆节，运营就会要求开发许多活动页，通常一个活动页需要一个
Python自动化填写问卷星
weixin_62650212的博客
11-26 539
如果你对这篇文章感兴趣，欢迎在评论区留言，分享你的想法和建议。
low-code-design:Next JS中的低代码设计
05-23
Next JS中的低代码设计 2020年设计师开发人员的交接仍然缓慢而繁琐。 这一概念证明为Next JS带来了低代码设计。 想象一下一个界面，该界面允许设计人员编辑生产代码，从而告别移交过程。 在大会上发表： 幻灯片： ： 警告：高度实验性！ 现阶段的概念证明。 签出来玩。 安装 $ npm install $ npm run dev # Navigate to http://localhost:4020 依存关系 尾风CSS 通过添加和删除Tailwind的实用程序类来进行样式更改。 没有这个项目，本来就很难。 React光纤导线 非常酷的项目，有助于使用元素树构建“层”面板。 。
Next.js（一）基础
热门推荐
weixin_45566730的博客
05-19 1万+
Next.js 是什么？ Next.js 是一个灵活的React 框架，它提供了构建块来创建快速的 Web 应用程序。 Web 应用程序的构建块 在构建现代应用程序时，您需要考虑一些事项。如： 用户界面- 用户将如何使用您的应用程序并与之交互。 路由- 用户如何在应用程序的不同部分之间导航。 数据获取- 您的数据所在的位置以及如何获取数据。 渲染- 何时何地渲染静态或动态内容。 集成- 您使用哪些第三方服务（CMS、身份验证、支付等）以及您如何连接到它们。 基础设施- 部署、存储和运行应用程序代码的位置（
next.js极速入门
ZhuAiQuan的博客
11-03 2431
react ssr next极速入门
React 18 + Next.js 14 + Nest.js 全栈开发复杂低代码项目
kiteblog的博客
01-06 2010
本文将从以下几个方面介绍 React 18、Next.js 14、Nest.js 和低代码项目的技术特点及学习方法，并提供一些代码示例，帮助开发者了解如何利用这些技术开发复杂的低代码项目。
（课程设计）使用React+next+express+mongodb 实现一个简易的问卷星系统
weixin_45773252的博客
08-08 1332
基于React + TypeScript + Next + Express + Mongodb 技术, 实现一个简单的仿问卷星系统。
改善WebStorm性能
四荒八极的博客
04-29 1490
默认情况下，WebStorm会在你输入代码时进行分析，并高亮显示当前文件中发现的所有问题。它的主要目标是减少IDE的总体索引时间和CPU使用率，因此请确保在“Settings | Plugins”的“Installed”选项卡上启用了Shared Project Indexes插件。可以转到“Settings | Editor | Inspections”，找到“未使用的全局符号检查（Unused global symbol）”，取消选中。这些插件支持我们大多数用户的应用场景，但你不需要的插件可以禁用。
watch 数组 Vue 3
qq_30049249的博客
05-01 154
发现在选项式中配置 watch 监听数组不起作用。且在 setup 中监听数组时，当不设置 deep 参数时，也进行了深度监听。在 setup 中使用 watch 监听数组变化。
使用vue2 开发一个纯静态的校园二手交易平台-前端项目练习
Json的知识梦工厂
04-27 782
因为最近在学习vue相关的技术，所以就根据学习的前端技术，来写一些纯前端的项目来练习，这篇文章主要是分享一下 我做的这个项目的一些功能，如果最近你也在学习前端，希望这篇文章能帮助到你，大家也可以仿照这个项目，自己尝试着写一些完整的功能，从而提高自己的编程能力。这个项目 使用的技术是vue2 做的。：用户可以在个人中心查看自己的交易记录、发布的商品、参与的圈子、个人信息等，便于管理账户和交易信息。：提供交换物品的功能，用户可以发布自己想交换的物品，并与其他用户进行交换，促进物品的循环利用。
ruoyi-plus Spring Boot + MyBatis 中 BaseEntity 的设计与动态查询实践
最新发布
字节叔叔
05-01 158
通过在BaseEntity中引入和params，我们实现了灵活的动态查询能力，在开发中极大简化了接口参数结构与查询逻辑。同时，也提升了系统的可维护性与扩展性，是开发大型后台系统中常用的技巧之一。如果你正在构建一个基于 Spring Boot + MyBatis 的后台管理系统，不妨考虑将这两个字段纳入你的BaseEntity设计中。
next-express-bootstrap-boilerplate：一站式全栈SSR应用开发模板
资源摘要信息: "next-express-bootstrap-boilerplate是一个使用React.js、Next.js、Express.js、react-bootstrap、SCSS和eslint构建的完整的全栈应用程序JavaScript样板。React.js是一种用于构建用户界面的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值