首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

从后端到全栈,低代码一步搞定

低代码工具易于操作,旨在将开发数据看板、自定义表单、管理面板、数据库 GUI 等内部工具变得更加容易,能够为您节省大量的时间、精力和资源。...在低代码平台里,您不必再花大量时间去设计,可以使用现成的组件,利用拖放界面和预构建的 UI 组件(如图表、表单字段、表格、地图等)来开发前端。...而低代码工具能够很好的攻克这一挑战,您只需进行简单的单击动作,就可以将您的应用程序与 MySQL、Postgres、MongoDB 等数据库进行连接。...它在设计之初就考虑了 MVC(模型 - 视图 - 控制器)架构,这意味着该框架的所有功能都可以进行扩展或更改,且不容易出错。...Vue.js Vue.js 是一个渐进式的 JavaScript 框架,可简化 Web 开发,常用于开发交互式 Web 应用程序。

78200
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    多栈与实践

    常见的状态管理工具包括:Redux(与React配合使用):提供全局状态管理,支持不可变数据流。Vuex(与Vue.js配合使用):Vue.js官方提供的状态管理工具。...常见的前后端分离技术栈组合有:前端:React + Redux / 后端:Node.js + Express + MongoDB前端:Vue.js + Vuex / 后端:Django + PostgreSQL...例如,当某个技术栈的更新速度过慢或不再适应业务需求时,开发团队可以更容易地替换或迁移到其他更合适的栈上。...比如,随着 移动端 的崛起,很多企业应用会采用单页面应用(SPA)与后端的分离架构,使得前后端可以灵活扩展,且在技术更新时更容易适应。...使用合适的数据库技术栈(例如,NoSQL数据库用于高并发读取,关系型数据库用于事务性强的数据存储)能够提高系统的响应速度和稳定性。

    8910

    【项目实战】SpringBoot+vue+iview打造一个极简个人博客系统

    ,列表包含标题、状态、分类、标签、访问、发布时间等,操作列中包含预览、编辑、删除等按钮分类目录点击【分类目录】,左侧展示所有表单名称、描述,可新增更新;右侧展示分类列表写文章点击【写文章】,其中包含markdown...编辑器,文章标题,点击【发布】后,弹出文章设置,表单包括文章标题、分类、标签、摘要,可点击发布或者选择放置草稿箱标签点击【标签】,左侧展示表单标签名、颜色,可新增更新;右侧平铺展示标签用户个人资料点击【...个人资料】,左侧展示个人信息表单包括头像、昵称、性别、出生日期、简介,可进行更新;右侧展示修改密码表单包括原始密码、新密码、确认密码,可进行密码修改组件后端组件插件版本用途jdk1.8java环境lombok1.18.16...vue^2.6.10渐进式的 JavaScript 框架iview^4.0.2一套基于 Vue.js 的高质量UI 组件库vue-router^3.0.6为 Vue.js 提供富有表现力、可配置的、方便的路由...,如本地则可使用dev将blog-boot根路径下的/db/db_blog.sql进行本地执行,并在application配置文件中修改数据库配置图片运行启动SpringBoot项目,如见到以下日志即为启动成功图片体验总结本篇文章以实战项目形式进行展开

    18010

    Vue.js + Node.js + Express + MySQL示例:构建全栈CRUD应用程序

    点击Edit按钮更新对象: ?...在这个页面中,你可以: 使用Publish/UnPublished按钮将状态更改成Published/Pending 使用Delete按钮从MySQL数据库中删除对象 使用Update按钮更新数据库中对象的详细信息...Node.js Express导出REST API,并使用Sequelize ORM与MySQL数据库进行交互。 Vue客户端使用axios发送HTTP请求并获取HTTP响应,在组件中使用数据。...Tutorial组件具有用于根据`:id’编辑教程详细信息的表单。 AddTutorial组件具有用于提交新教程的表单。...我们还介绍使用Express&Sequelize ORM的REST API的客户端-服务器体系结构,以及用于构建前端应用程序以发出HTTP请求和使用响应的Vue.js项目结构。

    25K21

    基于腾讯云轻量服务器的动态简历管理系统开发与优化

    安装必要的依赖我们将使用Express框架来创建后端应用,使用EJS模板引擎来渲染页面,使用body-parser来处理表单数据。...res.redirect('/');});现在,当我们访问 /admin 路径时,可以通过表单更新简历的内容。...提交表单后,更新会立即反映在简历页面上。2. 使用数据库存储简历数据目前,我们的简历数据是保存在内存中的,这意味着每次服务器重启后,简历内容会丢失。为了持久化简历数据,我们可以将其存储在数据库中。...这里我们可以选择使用MongoDB,作为NoSQL数据库非常适合存储结构灵活的简历数据。...'); res.redirect('/'); });});启动MongoDB数据库确保本地的MongoDB数据库正在运行,使用以下命令启动MongoDB:mongod3.

    8822

    .NET Core.NET5.NET6 开源项目汇总5:(权限)管理系统项目

    系列目录 【已更新最新开发文章,点击查看详细】 企业管理系统一般包含后台管理UI、组织机构管理、权限管理、日志、数据访问、表单、工作流等常用必备功能。...前端框架 NetModular.UI:前端采用 Vue.js 全家桶+Element UI 开发,也是基于模块化思想设计。...数据库方面同时支持多种数据库,详细列表见后面数据库的详细列表,切换数据源仅需更改配置文件无需重启应用程序,配置简单灵活。.../MongoDB 开源地址:https://gitee.com/dotnetchina/BootstrapAdmin 1、WTM mvvm框架(WTM)是一个基于.NET Core 的快速开发框架。...地址:https://gitee.com/gvp 系列目录 【已更新最新开发文章,点击查看详细】

    4.4K31

    Aofuji Analytics 开发全记录

    基础框架 作为一个重要的 Vue.js 练手与应用项目,在前端的管理面板 (也就是数据展示面板) 自然是使用它了。...数据库则是选择了 MongoDB,对于一般的使用,MongoDB Atlas 提供的 500 连接数免费数据库非常简单方便,并且数据库本身由于 mongoose 的协助使用也十分便捷。...cookie,view 类型的特殊处理:所有 view 类型请求将使用带回调的 XHR 发送,当服务器返回 201 (即 sid 未发送或不存在) 时设置 localStorage 存储新的 sid,...pvt 的更新需要使用 $inc 从初值 0 增加而不是直接替换更新 自定义组件库 首先使用 Vue 完成了以下基本组件库: AIcon......密码方面,使用传统的 bcrypt + jsonwebtoken 组合, 更新计划 Vue.js 大版本更新 Vue CLI 替换为 Vite 迁移至 TypeScript Chart.js 图表展示与性能优化

    2.3K20

    【翻译】JS的回归: 设计一个包含CMS和CRM应用服务的node.js软件架构

    它提供了一个名为“Waterline”的集成ORM模块,有几个不同的数据库接口,以及集成的“Blueprint API”,Sails.js为使用sails命令行创建的所有模型提供基本CRUD功能的路径,...FISnet应用程序构建在CentOS 7网络服务器[REQ3]上的MEAN-Stack上,该服务器还运行该平台的mongodb数据库。...持久数据存储最好使用mongodb,也就是nosql,事实证明,nosql数据库具有更高的数据吞吐量,更高的性能和可扩展性,并且功能更加简单,更适合作为密钥值存储系统,mongodb与MySQL或MariaDB...最后,Vue.js使用BootstrapVue库,它表示基于Vue从而达到替换jQuery的bootstrap自适应组件(例如模态,动画或前端验证)的目的。...任何流行的软件技术背后都有严谨的数学理论作支撑,本文提出的MEAN全站架构也是如此,其中mongodb是最像SQL的数据库,在它背后有关系代数,集合论以及B-tree来提供数据结构和索引,node.js

    2.2K20

    不要争了!技术选择没那么重要

    或者说,条条大路通罗马,这个产品可以用 Angular + Java + MySQL 实现,那它用 Vue.js + Node.js + MongoDB 来实现也完全没问题。...不同技术在细节上确实有不少区别,但是它们在本质上它们是一样的,Angular 和 Vue.js 是前端框架,Java 和 Node.js 是编程语言,MySQL 和 MongoDB 是数据库。...如果产品的技术栈还没有确定,选择一个目前使用者足够多并且保持更新的技术就好了,用的人多的技术不会太差,还在更新则不用担心 BUG 没人修复。...所以,这里也不存在所谓的选择的问题,我们使用了自己会用的技术:Angular + Node.js + MongoDB。它们使用者足够多并且保持更新,符合我所说的标准。...在集群需要增加新的节点时,也只需要安装 Docker,这个新节点可以用来运行任何应用。我一直在思考 Docker 的价值,发现它确实很有用。

    51930

    2018 年前端开发五大趋势

    为何Vue.js居于榜首?首先,很容易学习并且拥有灵活的创建前端代码的环境,这使得代码编写的出错率较低。Vue的开发者Evan You曾在Angular工作过。...此外,Vue.js支持声明式呈现,异步DOM更新,双向数据绑定,以及严格遵守Web组件规范和HTML模板的简单集成。...在实现方面,这个例子很简单,你只需从下一个数据库端点发出请求。但是,由于这些数据可能来自不同的来源(例如,如果帖子存储在 MongoDB或Redis中),生成的应用将比舒适的工作慢得多。...因此,你可以获得自动更新和即时页面转换等优势。从1.0版本开始,Gatsby 使用了上面提到的 GraphQL。...即使是最受欢迎的那些,比如 Joomla 或 Wordpress,也会以需要及时更新或安全性不足的形式给它们的用户带来麻烦(经验丰富的黑客在攻击你的网站上未更新的关键插件时会遇到些麻烦,这是为了在以后的欺诈活动中使用它

    2.9K40

    vue2

    目录 表单指令 条件指令 循环指令 循环指令案例 分隔符 过滤器 计算属性 监听属性 冒泡排序 JS代码中的光标设置 表单指令 v-model="变量",变量值与表单的value相关,placeholder...前台数据库介绍 该案例需要用到前台数据库来存储数据,前台数据库有两类:localStorage、sessionStorage。...vue时,vue的插值符号与Django的模板语法中的{{}}冲突,这时就需要我们使用分隔符号 为vue重新设置一个插值符,具体设置方法如下。...监听属性的特点 1.监听的属性需要在data中声明,监听方法不需要返回值 2.监听的方法名就是监听的属性名,该属性值发生更新时就会回调监听方法 3.监听方法有两个回调参数:当前值,上一次值 应用场景...:当多个变量值依赖于一个变量值的改变而改变时使用 例子:在input框中输入一个中文姓名,自动将其姓氏和名字分开显示。

    5.5K20

    MongoDB助力一个物流订单系统

    在使用前,你自己的电脑上要有IDEA编译器来创建项目,还要拥有MongoDB数据库和Studio 3T(MongoDB可视化数据库管理工具,下载地址https://studio3t.com/)。...案例分析 1.1 案例分析 我想,大部分人都应该有着购物的经历,当商品下单时就会出现一个物流单号,接下来几天内的物流信息会根据这个单号更新。 ?...首先一个订单数据由下单时产生,然后该订单经历各个物流点更新物流信息和订单状态,最后在用户取件之后订单状态更新后数据基本就不再更新了。...MongoDB数据库,默认端口为27017,而使用的MongoDB具体数据库名称为test,那么就可以按照以下进行配置: spring.data.mongodb.uri=mongodb://localhost...当然,本节只是带你入门MongoDB,讲了一些比较基础的内容和简单的使用,如果需要深入学习使用MongoDB,还需要多从官网文档以及其他书籍和文章更深入学习MongoDB,它是当前非常热门的一种基于文档的非关系型数据库

    2.4K20
    领券