BladeX开发平台前端框架Saber(基于Vue)使用踩坑添加页面

最新推荐文章于 2024-04-22 09:57:14 发布
最新推荐文章于 2024-04-22 09:57:14 发布
阅读量1k 收藏 1
点赞数
文章标签： 前端 javascript html5 css vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/love_me06/article/details/129876608
版权

最近公司选择了这个框架来开发一个项目

然后就第一次用踩雷比较多自带的免费版本的开发文档我愿称之为啥也没写

话不多说开始

首先代码生成

 这个没有后端支持是看不了这个页面的你得有后台服务支持才可以进来

然后后台设置一下生

生成页面之后后端会有一个数据库文件让你可爱的后台跑一下然后菜单管理里就有一个页面需要你配置

点击编辑

 配置记得千万要设设置在一个二级菜单

 

 就像这样不然你的页面要是再一级的话就会404这个是bug作者好像是说解决不了

然后重新启动一下页面就ok了

重新跑一次项目就欧克

还有一一个环节配置权限

选中之后点击权限设置

设置完成把四个身份全部设置点击勾选就刷新好了点击确定页面就有了

页面就出来了

还有问题的可以私信或者是评论，

晚风不如你
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
一个Vue前端框架使用简单实例
01-07
Vue 是一套用于构建用户界面的渐进式JavaScript框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，方便与第三方库或既有项目整合。下文是Vue的简单使用并使用nginx进行发布。 1.环境：本次实例在windows环境进行，所以首先下载windows环境下的nginx并置于相关目录下，本次实验的nginx版本为1.12.2 2.下载vue.min.js文件，这个请读者自行解决 3.创建一个简单的前端页面simple.html，并将vue.min.js和simple.html处于同一目录下，二者均处于BootStrapDemo文件下，如下图
Saberjs一个用于使用Vuejs构建静态网站的简约框架
08-08
Saber.js 一个用于使用Vue.js构建静态网站的简约框架
探索Saber：一款强大的全栈数据处理框架
gitblog_00065的博客
04-22 406
探索Saber：一款强大的全栈数据处理框架 项目地址:https://gitcode.com/junjiexing/Saber Saber 是一个由JunjieXing开发的开源项目，它是一款旨在简化全栈数据处理的高效工具。无论你是数据分析师、机器学习工程师还是后端开发者，Saber都能帮助你轻松地管理和操作复杂的数据流程。 技术分析 Saber基于Python构建，利用其丰富的数据处理库和强大的...
启动BladeX开发平台前端框架Saber(基于Vue)
love_me06的博客
04-03 1307
安装依赖框架需要使用来安装依赖使用命令之后会有一个报错不用担心这个报错是scss的安装报错需来安装由于安装的是高版本的node.js所以需要这行代码来解决node的兼容问题然后正常输入来启动项目依赖安装之后如果后端服务不在本机而是在同事电脑上这时候就需要更改api封装的接口地址在文件里如下提示更改此时登陆页面就会不再报错可以正常登陆进去看到里面的页面开始操作注意：如果项目已经启动需要重新跑一次项目。
Bladex微服务框架
m0_37695902的博客
08-24 422
文档地址 官网
Saber:小型辅助框架，因此您不必担心小事并专注于代码背后的主要逻辑，而不必一遍又一遍地重新发明轮子
06-12
军刀 小型辅助框架，因此您不必担心小事并专注于代码背后的主要逻辑，而不必一遍又一遍地重新发明轮子。 有几个有用的基类和助手，如典型的保护类、序列化助手、参数解析器（例如静态主）、扩展方法的负载等等...... WPF 模型的脏跟踪。 可用作 NuGet 包。 … 军刀：起源 “Saber”这个名字来源于《Fate/stay night》中的一个虚构人物。 在Fate/stay night中，她是卫宫士郎的仆人。 敏捷而强大的战士。 Saber 忠诚、独立、矜持； 她看起来很冷漠，但实际上是在压抑自己的情绪，专注于自己的目标。 她的班级被认为是“最杰出的”，在所有类别中都获得了优异的评价。
BladeX框架开源-工作-笔记-Docker部署-Jenkins配置
weixin_44188105的博客
07-31 3446
BladeX框架开源-工作-笔记-Docker部署-Jenkins配置
基于Vue的Avue.js2.0企业级前端开发框架设计源码
05-23
Avue.js2.0是一个基于Vue开发的企业级前端开发框架，包含312个文件，其中包括101个HTML文件、75个Vue文件、60个JavaScript文件、49个SCSS文件、12个JPG图片文件、5个PNG图片文件、2个CSS文件、1个Babel配置文件、1个...
Vue开发基于vue-cli搭建的仿TIM纯前端页面.zip
05-05
Vue开发基于vue-cli搭建的仿TIM纯前端页面.zipVue开发基于vue-cli搭建的仿TIM纯前端页面.zipVue开发基于vue-cli搭建的仿TIM纯前端页面.zipVue开发基于vue-cli搭建的仿TIM纯前端页面.zipVue开发基于vue-cli搭建的仿...
uniapp:使用 Vue.js 开发跨平台应用的前端框架
最新发布
06-03
uniapp:使用 Vue.js 开发跨平台应用的前端框架
前端开发-基于Vue开发的商城前端实现.zip
04-02
前端开发_基于Vue开发的商城前端实现
blade一款简洁优雅微内核设计的JavaWeb框架
08-07
blade：一款简洁优雅，微内核设计的 Java Web 框架
轻量级Web应用框架blademobile.zip
07-18
小钗有幸进入框架组做webapp的框架开发，并且基于框架的业务频道用于生产，各频道遍地开花，取得了不错的成绩， 但是，随着业务的快速迭代，框架为满足业务需求做了很多业务的事情，代码中也慢慢出现了坏味道，并且会发现有一些设计不合理的地方。 想在工作中做调整基本不可能，所依赖的第三方库搞掉也有很大的风险。这个时候小钗就萌生出开发出一套干净的轻webapp框架的想法，于是该框架便出现了。 诚然，此框架比不上Backbone，比不了anglarJS，甚至本身也会有一些问题，但是作为初步接触前端的同学，或者想在前端看到一些设计思想的同学，该框架还是有他一些优势。而且这个代码主要用于学习交流，我们带着看看不吃亏的想法，还是可以接触一下他的嘛！！！支持情况该框架是移动端框架，主要支持IOS6 、android4 框架发展第一期-MVC该框架第一期的目标是简单的webapp MVC的实现，现在也基本实现了，app支持hashChange与pushState两种方式做路由加载view，对此有兴趣的同学可以看看helloWord 关于app与页面级View的关系如下：第二期-通用工具框架第二期的想法是，完善本身一些通用的东西，比如UI组件或者简单的flip手势工具等，这里小钗不是专业的前端，就直接从线上将公司的CSS Down下来了，也用了他的Dom结构 但是，整个组件的扩展非常方便，有兴趣的同学看看UI一块的代码，UI的继承关系如下：第三期-ABTesting框架第三期目标是实现前端ABTesting方案第四期-ipad适配框架第四期的目标是一套业务代码，可以同时用于mobile与ipad第五期-Hybrid框架第五期目标是实现Hybrid交互适配，由于小钗本身不懂native开发所以此方案要靠后随机期-疑难杂症框架还会单开一个频道做一些疑难杂症处理，比如： ① fixed问题 ② 区域滚动问题 ③ app唤醒 ④ History路径问题等更多信息DEMO想简单看看demo的朋友请到：http://yexiaochai.github.io/blade/ 标签：blade​
saber 详细基本入门教程
03-20
从元件的查找、添加等最基本的操作讲起，到所有的仿真使用方法都做了详细的讲解，入门绝对实用
Saber开发手册基础版.pdf
05-09
Saber开发手册基础版.pdf
blade
03-10
刀刃
saber框架初步认识-自定义组件-图表组件
runmin1234的博客
08-22 1162
组件是可以扩展 HTML 元素，封装可重用的代码。定义的组件可以拥有所有vue实例的特性。组件之间也是可以嵌套的。 组件是Vue.js最强大的功能之一，它可以扩展HTML元素，封装可重用的代码，通过传入对象的不同，实现组件的复用。 组件分类：局部组件和全局组件。 全局组件和局部组件的区别： 1.使用范围 全局：可以在页面中任何位置使用。 局部：只能在定义它的父组件中使用，不能在其他位置，否则就会失效。 2.定义方法 全局：可以使用Vue.component（组件名称，options）定义
Saber前端框架用ESlint规范统一项目代码风格
qq_29088015的博客
12-22 466
1、前言   由于公司Saber前端框架没有进行ESlint代码规范的约束，导致在开发过程中，各种代码风格迥异，无法形成规范，造成以后维护的困难。为此，我司决定用ESlint规范统一项目风格。 2、代码风格 整体风格 javascript大体上遵循ESlint规范 html、wxml大体上遵循prettyhtml规范 javascript细节调整 结尾无分号 超过140个字符换行 使用单引号 无尾随逗号 箭头函数单个参数不加分号 函数声明时禁止圆括号前有空格 3、前期准备 参考VS
BladeX——精心设计的微服务架构
热门推荐
weixin_72076848的博客
07-06 3万+
BladeX——介绍
一步一步的说，从使用VUE框架实现前端页面的开发开始
05-11
好的，下面我会逐步介绍如何使用VUE框架实现前端页面的开发。 步骤1：安装Node.js和npm 首先，你需要在自己的电脑上安装Node.js和npm。Node.js是一个基于Chrome V8引擎的JavaScript运行环境，而npm是Node.js的包管理器。你可以在Node.js官网上下载安装Node.js和npm。 步骤2：安装Vue CLI Vue CLI是一个官方提供的脚手架工具，可以帮助我们快速搭建Vue项目。你可以使用以下命令在命令行中安装Vue CLI： ``` npm install -g @vue/cli ``` 步骤3：创建Vue项目 在安装完Vue CLI后，我们就可以使用Vue CLI创建一个新的Vue项目了。你可以使用以下命令创建一个名为“my-project”的新项目： ``` vue create my-project ``` 在执行上述命令后，Vue CLI会向你询问一些问题，如选择要使用哪个配置预设，是否要安装一些插件等等。你可以根据自己的需要进行选择。 步骤4：开发前端页面 创建好项目后，我们就可以开始开发前端页面了。Vue CLI已经为我们生成了一些模板代码，其中包括一个App.vue文件和一个main.js文件。我们可以在App.vue文件中编写页面的HTML和CSS代码，在main.js文件中编写页面的JavaScript代码。 具体来说，你可以在App.vue文件中使用Vue的模板语法编写页面的HTML和CSS代码，如下所示： ```html <template> <div> <h1>{{ message }}</h1> <button @click="increment">Click me</button> </div> </template> <script> export default { data() { return { message: 'Hello, Vue!', count: 0, }; }, methods: { increment() { this.count += 1; }, }, }; </script> <style> h1 { color: red; } button { background-color: blue; color: white; } </style> ``` 这段代码定义了一个包含一个标题和一个按钮的页面，点击按钮后会增加一个计数器。在模板语法中，双括号“{{ }}”表示插值，可以将Vue实例中的数据绑定到HTML中。在JavaScript代码中，我们定义了一个Vue实例，其中包含了一个message数据和一个increment方法。 步骤5：运行项目 开发完成后，我们可以使用以下命令在本地运行项目： ``` npm run serve ``` 这将启动一个本地服务器，并在浏览器中打开项目页面。在开发过程中，我们可以通过修改代码并保存来实时预览页面效果。 步骤6：打包项目 当我们开发完成后，可以使用以下命令将项目打包成生产环境可用的文件： ``` npm run build ``` 这将生成一个dist目录，其中包含了打包后的HTML、CSS和JavaScript文件。我们可以将这些文件上传到服务器上，让用户访问我们的网站。 以上就是使用VUE框架实现前端页面开发的基本步骤。希望对你有所帮助！

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值