首页
学习
活动
专区
圈层
工具
发布

前端的全栈之路:基于 Vue3 + Nest.js 全栈开发的后台应用

☘️ 项目简介 Vue3 Admin 是一个前端基于 Soybean Admin 二次开发,后端基于 Nest.js 的全栈后台应用,适合学习全栈开发的同学参考学习。...前端技术栈: Vue3.5、Ant Design Vue、UnoCSS、Pinia 后端技术栈: Nest.js、PostgreSQL、Prisma 线上预览: https://vue3.baiwumm.com...后端使用 SSE 推送,可登录多个用户查看效果 前端常见的一些实用的业务功能或者一些有趣的效果 环境和依赖 推荐本项目使用 pnpm 包管理工具Git (你需要git来克隆和管理项目版本) Node.js...(Node.js 版本要求 >= 18.12.0,推荐 18.19.0 或更高) Pnpm (>= 8.7.0,推荐最新版本) PostgreSQL (推荐最新版本) 项目运行 1、 拉取项目代码...- 图片取色盘 - 系统级取色器 - 文件预览 - 流程图 - 瀑布流 - Swiper - 技术文档 - Soybean(内链) - Vue3 - Nest.js

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

    全栈管理系统:Node.js + Express + MySQL + React + Antd

    离职后休息这段时间,设计架构了前后端系统,从另一个层面来讲,确实迈进了一大步,遇见了之前从未遇到的Bug,从开发,到部署,到测试,也是一番新的挑战项目介绍该项目是一个基于Node.js+Express+...MySQL+React+Antd的现代化全栈管理系统。...配置与实现分离)││├──base/#基础配置(与环境无关)│││├──cache.jscaptcha.jscode.jsdb.jslogger.jsredis.jsschedules.jsupload.js...││├──env/#环境特定配置(development/production/test)││└──index.js#配置加载与合并导出│├──docs/#后端文档(缓存/日志/SSE/权限规范等)│├...技术栈后端Node.js>=18.0.0-JavaScript运行时Express.js-Web应用框架MySQL>=8.0-关系型数据库JWT-JSONWebToken认证bcryptjs-密码加密svg-captcha

    14500

    全栈的技术栈设想

    全栈不是全能,只要覆盖了所使用的技术栈就是全栈,例如LNMP,Linux+Nginx+Mysql+PHP。...全栈架构师关注的是业务所采纳的全部技术栈,以及技术栈所涉及的系统性能、安全,高可用等诸多因素。 ?...全栈(full stack developer)好像起源于facebook中对工程师的一种称谓,全栈架构师估计是老曹的杜撰。...全栈的出现大概有4个方面:系统的性能瓶颈定位,团队间的沟通障碍,业务的救火灭火,以及团队的资源紧张。尤其的小型创业团队,战力的有限会导致全栈的产生。 ?...和习武一样,我想试图探讨一下全栈的套路,很多能力不是通过当头棒喝产生的。郭大侠需要降龙十八掌,令狐冲以无招胜有招也需要独孤九剑。我觉得全栈的技术栈可以主要分为3个切面:技能,性能 和效率。

    88930

    我为什么选择Next.js+Supabase做全栈开发

    在本文中,我将分享为什么我选择Next.js 14和Supabase作为全栈开发的首选组合,并通过最新的代码示例和比较数据,直观地展示这个选择带来的诸多优势。...14 + Supabase: 完美的全栈开发组合开发效率的显著提升结合Next.js 14和Supabase,我们可以快速构建全功能的Web应用。...维护简化:单一语言(TypeScript)贯穿全栈,加上Next.js的文件约定和Supabase的声明式API,大大减少了维护的复杂度。...一些想法Next.js 14和Supabase是现代全栈开发的最佳选择,它们的结合提供了前所未有的开发体验和性能优势。...如果你正在寻找一个全栈开发的新方向,不妨试试Next.js 14和Supabase,相信你会爱上这个组合。

    2.3K20

    《吊打面试官》系列 Node.js 全栈秒杀系统

    服务层会讲的相对详细一些,希望你看完,能够有这些收获: Node 生态已经越来越好,一些高性能的 Web 业务场景,是完全可以用 Node 来做的 前端应该不止于前端,学习一些服务端的知识,不仅仅单方面的说是为了做一些全栈的系统...,更多的是让现有的前端可以去做更多的事情,去尝试更多的可能 能够独立去设计一些东西,可以是一个微型全栈的系统,也可以是前端工程化中某个环节的工具 场景分析 真的打心底对那些在一线的工作人员点赞,接水怪的父亲目前仍在一线湖北提供生活物资的运输...怪怪我也去研究了一下 Egg.js 在多进程模型和进程间通信这块是怎么做滴,大体架构思路跟上面差不多,不同的点在于, Egg.js 搞了一个叫 Agent 的东西。...做成可配置滴,公共的 host 配置文件存到 db,并且支持本地自定义配置,这就很棒啊,全公司统一。...假如哪天预发的机器 ip 变了,那么只用去 host 工具管理后台更新一下,全公司所有的小伙伴就可以一键更新啊,是不是很爽??

    1.8K40

    JavaWeb03-轻松理解JS(Java真正的全栈开发)

    一.js常用对象 ljs中的常见对象有以下几个: Boolean Number String Array 数组 Date 日期 Math 数学 RegExp 正则 Global 全局 1.Boolean...Ø Boolean对象描述 在 js中,布尔值是一种基本的数据类型。...2.Number Ø Number对象描述 在 js中,数字是一种基本的数据类型。js还支持 Number 对象,该对象是原始数值的包装对象。在必要时,js会自动地在原始数据和对象之间转换。...null、""、””、+0、-0、0、false,则返回0;参数为true则返回1;字符串形式的数字,则返回为转换后的数字,其余的则为NaN. 3.String Ø String 对象描述 字符串是 js...需要注意的是,js的字符串是不可变的(immutable),String 类定义的方法都不能改变字符串的内容。

    1.7K120

    Python全栈安全:构建安全的全栈应用

    第一部分:全栈应用安全概述Python作为一种多用途的编程语言,已经在全栈应用开发中变得非常流行。全栈应用开发包括前端和后端开发,通常还涉及到数据库和服务器的管理。...然而,与其它应用开发一样,全栈应用也面临着各种安全威胁。在这篇文章中,我们将深入探讨如何构建安全的Python全栈应用,包括前端、后端和数据库层面的安全性。第二部分:前端安全1....认证与授权在全栈应用中,后端必须处理用户的认证和授权。...通过综合使用这些工具和技术,您可以构建更加安全和健壮的Python全栈应用,为用户提供更可信赖的服务。在构建和维护全栈应用时,请不断学习和更新安全措施,以保持应用的安全性。...希望本文对您构建安全的Python全栈应用提供了有价值的信息和指导。如果您有任何问题或需要进一步的帮助,欢迎随时联系我。我正在参与2023腾讯技术创作特训营第三期有奖征文,组队打卡瓜分大奖!

    56620

    全栈很屌?什么是全栈工程师

    什么是全栈工程师 全栈工程师,英文叫Full Stack Developer,是指掌握多种技能,并能利用多种技能独立完成产品的人。...、会个 php + js+mysql就吵吵自己是全栈,前后通吃。 2、会做app、会做网站、会弄数据库、配置服务器环境,自己就是全栈了,有任何问题找我。...= 全干 = 啥都会 = 啥都不会 真全栈 全栈 = 全都不干 = 全都有解决方案 = 各个行业都能干 全栈工程师是什么样子的 强大的解决问题能力 我觉得强大的解决问题能力是全栈工程师最重要的素质,...例如前段时间遇到的HTML5 Hybrid App在某些安卓手机上兼容问题,最终的解决方案就是修改js代码,而是直接把Cordova的webview内核换成了腾讯X5内核,这个如果没有全栈技术能力是不可能做到的...做iOS的可以去学习下HTML5移动开发,研究下js。

    5.7K80

    2017,忘掉「全栈」,迎向「一栈」!

    可以遇见,在不就的将来,Elixir + Phoenix 的技术栈就会占据现有 Ruby + Rails 的半壁江山。...2017,在前端火爆,框架遍地,语言层出不穷,DevOps百花齐放的时代,作为一个致力于成为全栈的人,不经都会迷茫,这么多东西猴年马月才能学个遍,更何谈深入。...作为全栈开发,我们需要的不是东拼西凑的法宝秘籍,而是一以贯之的进修之道。 为何「Meteor全栈开发」改名为「星流泉栈」?...所以2017,忘掉「全栈」,迎向「一栈」! 今后「星流泉栈」更新贯彻「一个中心,两个基本点」战略,即以Elixir为中心,以前端和后端框架为基本点,辅以其他潮流科技进行不定期更新。

    1.4K70

    基于 Vue2.0 + Nest.js 全栈开发的后台应用

    ☘️ 项目简介 Vue2 Admin 是一个前端基于 Ant Design Pro 二次开发,后端基于 Nest.js 的全栈后台应用,适合学习全栈开发的同学参考学习。...前端技术栈: Vue2、Ant Design Vue、Vuex 后端技术栈: Nest.js、PostgreSQL、Prisma 线上预览: https://vue2.baiwumm.com/ 用户名...后端使用 SSE 推送,可登录多个用户查看效果 前端常见的一些实用的业务功能或者一些有趣的效果 环境和依赖 推荐本项目使用 pnpm 包管理工具Git (你需要git来克隆和管理项目版本) Node.js...(Node.js 版本要求 >= 18.12.0,推荐 18.19.0 或更高) Pnpm (>= 8.7.0,推荐最新版本) PostgreSQL (推荐最新版本) 项目运行 1、 安装 PostgreSQL...瀑布流 - 图片预览 - 拾色器 - 图片取色盘 - 系统级取色器 - Swiper - 打印 - 文件预览 - 拖拽 - 技术文档 - Vue2 - Nest.js

    25810

    Node.js + Vue.js 全栈开发王者荣耀手机端官网和管理后台

    其中文官网地址是:http://www.expressjs.com.cn Node.js (Express.js) + Vue.js (Element UI) 全栈开发王者荣耀手机端官网和管理后台,目前的...Github项目地址是:https://github.com/topfullstack/node-vue-moba 全栈之巅TopFullStack 全栈之巅官方账号 下面的内容转载自Johnny...【全栈之巅】Node.js + Vue.js 全栈开发王者荣耀手机端官网和管理后台 本项目是 Bilibili 全栈之巅 视频教程相关源码 https://github.com/wxs77577/node-vue-moba...VueJs (Express + ElementUI) 全栈开发王者荣耀手机端官网和管理后台 - 第三章 [第四章]NodeJs+VueJs全栈开发王者荣耀官网(Express+ElementUI)...Element UI + NodeJs(Express)全栈开发后台管理界面 5、全栈之巅B站官方账号、

    12.7K20

    全栈大潮下,前端工程师如何走向全栈之路?

    本次我们特别邀请了腾讯开心鼠前端负责人、同时也是 2020 IMWeb Conf 的讲师之一 Fredwu ,来谈谈他在全栈开发中的经验与感悟。...《全栈开发之路的思考与实践》。...IMWeb:你是怎么看待全栈开发的? Fred:对于前端的全栈开发,我个人觉得: 1、从个人发展来说,全栈化是符合个人技术的横向发展诉求的,也满足个人全面职业发展路径的需要。...前端全栈可以加快软件系统研发的效率,也符合产品高速发展的需要。 3、近几年云服务基础设施、平台能力的不断发展,也给前端全栈带来了非常有利的契机。...4、最后,前端全栈化也是未来的趋势,越来越多的互联网头部企业都在推进前端往后走、后台往下沉的举措,全栈开发技能是未来前端工程师的重要加分项。 IMWeb:团队全栈开发的发展情况如何?

    84120

    【Recorder.js+百度语音识别】全栈方案技术细节

    项目中需要利用百度语音接口在Web端实现语音识别功能,采用了这样的技术方案,但实现时遇到了很多问题,发现网上大部分文章都只是在详解官方提供的example示例,对实际开发没有提供什么有价值的建议,而recorder.js...技术栈选择 需求:利用百度语音接口在Web端实现语音识别功能 技术栈:React+recorder-tool.js +recorder.js + Express + Baidu语音识别API recorder.js...前端开发细节 为recorder.js提供一个代理对象 前端的主框架采用React,在基本结构和语法上并没有太多问题,为了使用recorder.js,我们封装了一个recorder-tool.js作为代理...,其实现方法较为简单,就是将官方示例中example示例中的html文件的脚本部分封装成一个单例对象作为recorder.js的代理,然后暴露一组API供上层调用,大致的结构如下: import Recorder...要利用recorder.js实现上述需求,需要对源码进行一些功能扩展。

    2.8K30

    JavaScript 全栈解决方案比较:Angular、React、Vue.js 的对比

    MERN 技术栈详解 MERN 技术栈包含四大具体组件: MongoDB:一款强大的 NoSQL 数据库,以灵活的 JSON 格式存储数据。...MEAN 技术详解 与 MERN 类似,MEAN 技术栈同样以 MongoDB、Express.js 和 Node.js 为特色,但同时引入了: Angular:一套知名度极高的综合性前端框架,以能够构建复杂且功能丰富的...MEVN 技术栈详解 MEVN 技术栈与 MEAN 大体相近,只是将 Angular 替换成了: Vue.js:一款渐进式 JavaScript 框架,以简单且灵活的用户界面开发能力而著称。...MEVN 技术栈的优势: Vue.js 本身非常简单:Vue.js 的最大亮点就是易于整合加上出色的简单性,使其成为快速开发的绝佳选择。...如何选择正确的技术栈和框架 在为 Web 项目选择最佳技术栈和框架时,大家应首先考虑项目复杂性、团队的专业知识情况和可扩展需求等因素。

    1.1K10
    领券