BladeX + Saber 之前端Vue项目启动

最新推荐文章于 2024-05-12 09:44:56 发布
最新推荐文章于 2024-05-12 09:44:56 发布
阅读量6.4k 收藏 6
点赞数
分类专栏： BladeX 文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43830788/article/details/107930353
版权
  • 前端Saber是一个Vue项目，因此要启动前端项目，首先要安装nodejs、npm等前端运行的环境
  • 注：因为我们使用的是企业版，这个需要进行购买。Blade官网提供了免费的版本，可以根据自己的需要进行下载。当前项目的下载路径是：https://git.bladex.vip/blade/Saber
  • idea中运行前端项目
    （1）现在项目所需要的modules。在解压项目的根目录下执行命令npm install进行安装在这里插入图片描述
    （2）在idea中设置启动器，运行项目
    在这里插入图片描述
    （3）项目启动成功后，会出现前端项目的网址。
    在这里插入图片描述<
最低0.47元/天 解锁文章
程序媛ly
关注
  • 0
    点赞
  • 踩
  • 6
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
专栏目录
bladex 企业版 saber 源码
10-21
bladex 企业版saber 源码分享
Saberjs一个用于使用Vuejs构建静态网站的简约框架
08-08
Saber.js 一个用于使用Vue.js构建静态网站的简约框架
关于springblade+saber前后端分离项目：saber前端启动教程(亲自踩雷+解决方案)
m0_60517827的博客
05-21 1467
如果报错修改文件package.json，在相关构建命令之前加入SET NODE_OPTIONS=--openssl-legacy-provider。第二步：替换sass版本，原因是node18+以上的版本和老版的版本兼容问题。最后再次运行 yarn run serve 成功启动。也可以通过这个方式，效果都差不多，只是名字上面的区别。2.找到对应项目里面的package.json的。因为我们已经在Saber目录下了不需要cd了。3.运行yarn或者npm。安装yarn并配置淘宝源。
推荐文章：探索Saber - 基于Vue.js与webpack的静态网站生成器
最新发布
gitblog_00097的博客
05-12 402
推荐文章：探索Saber - 基于Vue.js与webpack的静态网站生成器 项目地址:https://gitcode.com/saberland/saber 1、项目介绍 欢迎来到Saber的世界，一个高效且灵活的静态网站生成器，它充分利用了Vue.js和webpack的强大功能。无论你是开发者还是内容创作者，Saber都提供了一种简单而强大的方式来构建你的个性化网站或博客。作为一个开源项目，...
探索Saber：一款强大的Web开发框架
gitblog_00061的博客
03-30 401
探索Saber：一款强大的Web开发框架 项目地址:https://gitcode.com/simplezhli/Saber 项目简介 Saber 是一个轻量级但功能丰富的前端开发框架，由开发者@simplezhli精心打造。它旨在简化Web应用的构建过程，提高开发效率，并提供优雅的API接口以实现更灵活的扩展性。 技术解析 基于Vue.js Saber充分利用了Vue.js的强大功能，如组件化...
启动BladeX开发平台前端框架Saber(基于Vue)
love_me06的博客
04-03 1375
安装依赖框架需要使用来安装依赖使用命令之后会有一个报错不用担心这个报错是scss的安装报错需来安装由于安装的是高版本的node.js所以需要这行代码来解决node的兼容问题然后正常输入来启动项目依赖安装之后如果后端服务不在本机而是在同事电脑上这时候就需要更改api封装的接口地址在文件里如下提示更改此时登陆页面就会不再报错可以正常登陆进去看到里面的页面开始操作注意：如果项目已经启动需要重新跑一次项目。
BladeX开发平台前端框架Saber(基于Vue)bug分享
love_me06的博客
03-31 946
BladeX开发平台前端框架Saber(基于Vue)bug分享
BladeX开发平台前端框架Saber(基于Vue)使用踩坑添加页面
love_me06的博客
04-01 1132
生成页面之后后端会有一个数据库文件让你可爱的后台跑一下然后菜单管理里就有一个页面需要你配置。就像这样不然你的页面要是再一级的话就会404这个是bug作者好像是说解决不了。然后就第一次用踩雷比较多自带的免费版本的开发文档我愿称之为啥也没写。这个没有后端支持是看不了这个页面的你得有后台服务支持才可以进来。设置完成把四个身份全部设置点击勾选就刷新好了点击确定页面就有了。最近公司选择了这个框架来开发一个项目。配置记得千万要设设置在一个二级菜单。然后重新启动一下页面就ok了。选中之后点击权限设置。
基于vue、avue、element-ui的前端框架saber的顶部菜单栏配置
weixin_43838577的博客
01-09 4628
步骤1： 文件位置：Saber/src/mock/menu.js 新增菜单模块： 步骤2： 绑定对应模块路由：（与步骤1中的模块菜单名称对应） 在zh.js中添加新增菜单的名称：（与对应路由名称绑定） 新建一个页面，路径与步骤1中页面路径对应 （Saber/src/views/util/test.vue），编写页面： 完成效果图如下： 附上test.vue的完整测试代码： <t...
Saber前端框架用ESlint规范统一项目代码风格
qq_29088015的博客
12-22 474
1、前言   由于公司Saber前端框架没有进行ESlint代码规范的约束，导致在开发过程中，各种代码风格迥异，无法形成规范，造成以后维护的困难。为此，我司决定用ESlint规范统一项目风格。 2、代码风格 整体风格 javascript大体上遵循ESlint规范 html、wxml大体上遵循prettyhtml规范 javascript细节调整 结尾无分号 超过140个字符换行 使用单引号 无尾随逗号 箭头函数单个参数不加分号 函数声明时禁止圆括号前有空格 3、前期准备 参考VS
vue项目完整搭建与启动
qq_42400124的博客
01-10 1341
vue项目完整搭建与启动
部署vue+Springboot前后端分离项目的步骤实现
10-15
本文将详细介绍如何部署一个Vue+SpringBoot的前后端分离项目。 首先，我们从单页应用（SPA）的概念开始。SPA是指在浏览器加载初始HTML页面后，所有后续交互都通过Ajax或其他异步技术进行，无需重新加载整个页面。...
Saber开发手册基础版
11-04
Saber是SpringBlade前端UI项目，基于Vue、Vuex、Avue、ElementUI等核心技术，用于快速构建系统中后台业务的前端框架。本手册主要讲解如何在Saber平台下开发业务模块，同时也是Vue、ElementUI入门的绝佳选择
Go+Vue前后端分离项目实战
07-03
后端主要采用go开发，前端采用vue。前后端分离开发。完整项目，包括wechat小程序的项目。 功能完善，稍作修改可以直接使用。对go程序开发的人员有一定的参考价值。
springboot+vue前后端分离开发项目源码
01-02
在现代Web应用开发中，"SpringBoot+Vue"是一个非常流行的组合，用于构建高效、可扩展的前后端分离项目。SpringBoot是Java生态系统中的一个框架，主要用于简化Spring应用的初始搭建以及开发过程，而Vue.js则是一个轻...
vue+springboot前后端分离项目源码
10-09
项目源码"journey前后端项目"包含整个系统的前端和后端代码，包括Vue.js组件、SpringBoot微服务模块、Redis配置、Druid数据源设置以及RabbitMQ相关配置和处理器。开发者可以通过查看和学习这些源码，深入了解如何将...
Docker部署SpringBoot+Vue前后端分离项目
02-14
前后端项目和配置文件
前端基础知识点总结
saber的博客
09-03 481
本文主要总结学习过程中自己觉得重要或者不懂的小知识，持续更新
若依前后端分离框架去掉首页 登录后跳转至动态路由的第一个路由
这是一个爱吃火鸡味锅巴女孩的博客
12-23 9746
若依前后端分离框架去掉首页 登录后跳转至动态路由的第一个路由。
springboot + vue 前后端分离项目的搭建
07-11
搭建一个SpringBoot + Vue前后端分离项目需要以下步骤： 1. 创建SpringBoot项目：使用Spring Initializr或者手动创建一个SpringBoot项目。添加所需的依赖，如Spring Web、Spring Data JPA等。 2. 创建后端API：在SpringBoot项目中创建后端API，包括Controller、Service和Repository等，用于处理业务逻辑和数据存储。 3. 配置CORS：在SpringBoot项目中配置跨域资源共享（CORS）以允许Vue前端访问后端API。可以通过添加`@CrossOrigin`注解或者全局配置来实现。 4. 创建Vue项目：使用Vue CLI或者手动创建一个Vue项目。安装所需的依赖，如Vue Router、Axios等。 5. 编写前端页面：在Vue项目中编写前端页面，包括组件、路由和视图等，用于展示数据和处理用户交互。 6. 调用后端API：在Vue项目中使用Axios等工具调用后端API，获取数据并更新前端页面。 7. 构建前端项目：使用npm或者yarn等工具构建前端项目，生成静态文件。 8. 部署项目：将生成的前端静态文件部署到Web服务器上，并启动SpringBoot项目。 以上是一个简单的搭建过程，具体细节可能会根据你的项目需求和技术选型有所不同。希望对你有所帮助！

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值