首页>>后端>>java->vue后端用什么架构?

vue后端用什么架构?

时间:2023-11-30 本站 点击:1

c++和vue交互用什么框架

前端通信框架。

axios:前端通信框架,因为vue的边界很明确,就是为了处理DOM,所以并不具备通信功能,此时就需要额外使用一个通信框架与服务器交互,当然也可以使用jQuery提供的AJAX通信功能。

axios有非常多的优点并且用起来也非常方便,它支持在浏览器中发送XMLHttpRequests请求,支持在nodejs中发送http请求,支持PromiseAPI,可以拦截请求和响应,可以转换请求和响应数据。

vue3 + vite + ts + antdv 搭建后台管理基础框架

最近公司官网需要一个后台管理系统,一直在看vue3,但是都没有在实际项目中使用过,正好就借此机会来踩踩坑。

点击这里查看源码

Vite中文网 (vitejs.cn)

Vite 需要 Node.js 版本 = 12.0.0

启动项目的第一感觉就是一个字 快 ,还没反应过来就已经跑起来了

起步 | Vue Router (vuejs.org)

安装 | Vuex (vuejs.org)

起步 | Ant Design Vue (antdv.com)

ant-design-vue/index.ts 内容

从零开始Gin Web+Vue商城的搭建(一)-- 前后端框架搭建和简单沟通

同步更新的github地址:

看了一位老哥写的《 前后分离Vue+Gin(go)总结 》以后有种自己搭一份的想法,结合最近找工作比较闲,就准备自己写一份商城源码。

一、先来实现前端部分第一步搭建Vue框架。Vue我也是第一次接触,看了半天多的文档才有了大概的了解。先不过多考虑前端的实现,首先考虑一下前后台沟通的问题。

用vue-cli搭建一个新框架,在Helloworld.vue 或者新建一个模板页。

老哥的文档中写到,他推荐使用axios插件代替jquery来和后台做交互。那么我也按照他的思路安装一个axios插件,写一个跟后台通讯的Get请求。

二、然后来搭建后台框架,老哥说的是用Gin框架来搭建,并且用cors中间件来解决跨域访问问题,咱们也先来搭建一个简单的框架。

main.go

router.go

FPList.go

在浏览器里输入localhost:8081/FPList,可以看到刚才自己定义的Json串,知道后台算是成功了。

此时再打开前端页面,可以看到后台返回的结果已经显示在页面了。

开源Vue后端UI开箱即用解决方案——vuestic-admin

这是一个Vue的后端开箱即用UI项目框架,和之前的ReactAdmin类似,它是一个框架,也就意味着它帮你完成了很多公用的部分,你只需要在其基础上进行自己的项目扩展即可。大体上这是由Vue和bootstrap4构建的,其中还集成了很多其他的东西。

如果你使用yarn你也可以使用它安装

在安装好vuestic后,你就可以使用它进行项目创建了

创建好后大致看一下目录结构(图片可能不清晰,你可以直接搭建体验)

成功后打开localhost:8080

如果你想详细的学习,你可以查看官网文档

浏览器兼容性,很遗憾只支持到IE11+和主流的Chrome、FireFox、Safari、Edge等

目前有很多开箱即用的解决方案,还有一些仅仅是UI模板,每个解决方案都有各自的优势,我们尽可能的减少不必要的开发时间浪费,在通用的基础上在扩展,最主要的还是学习看源码,希望对大家有所帮助,谢谢!

关于后端程序员写前端用什么框架更好

前端框架好不好用还是要具体情况具体分析,我这边给你推荐11个前端常用的框架,你可以按需使用。

1、vue-element-admin

一个基于vue2.0和Element的控制面板UI框架,这是使用vue技术栈开发的前端程序员的首选管理系统模板,模板已经非常成熟了,并且有相关的社区和维护人员,开发时遇到问题也不要慌。

2、AdmimLTE

非常流行的基于Bootstrap 3.x的免费的后台UI框架,这是一个非常老牌的后台管理系统模板,每个页面都是单独的html网页,适合前端入门新手来做项目。

3、ant-design-pro

这个就不多说了,选择react技术栈的童鞋们必然离不开这个优秀的开箱即用的中台前端/设计解决方案,文档齐全,组件丰富,一键生成模板,更支持开启复制粘贴模式哦。

4:ng2-admin

这是基于 Angular 2, Bootstrap 4 和 Webpack的后台管理面板框架,要说前面已经有了react和vue技术栈的模板,那怎么能少的了ng的?虽然在国外用的比较多,国内较少使用,但丝毫不影响ng作为前端框架三大巨头之一的地位呀。

5:Gentelella

Gentelella 是一个可免费使用的 Bootstrap 管理界面模版,使用群体比较广泛。这个模版使用默认的 Bootstrap 3的样式,还有一系列功能强大的 jQuery 插件和工具,可快速创建管理界面模版或者后台的 Dashboard。

6:iview-admin

iView admin 是基于 iView 的 Vue 2.0 控制面板。搭配使用 iView UI 组件库形成的一套后台集成解决方案 。

7:blur-admin

BlurAdmin 是一款使用 AngularJs + Bootstrap实现的单页管理端模版,视觉冲击极强的管理后台,各种动画效果。

8:vue-manage-system

vue-manage-system,一个基于 Vue.js 和 element-ui的后台管理系统模板,挺喜欢这个界面的UI,简约清晰不累赘,多功能的后台框架模板,适用于绝大部分的后台管理系统开发。

9:material-dashboard

基于 Bootstrap 4 和 Material 风格的控制面板。Material Dashboard 是一个开源的 Material

Bootstrap Admin,其设计灵感来自谷歌的 Material Design 。

10:d2-admin

D2Admin 是一个完全 开源免费 的企业中后台产品前端集成方案,基于 vue.js 和 ElementUI 的管理系统前端解决方案 ,小于 60kb的本地首屏 js 加载,已经做好大部分项目前期准备工作

11:vuestic-admin

vuestic-admin管理台仪表盘是一个响应式的仪表盘模板,采用Bootstrap4和Vue.js构建。这个精美的管理台模板提供了自定义元素组件,如地图,聊天,个人资料卡,图标,进度条等,以及用于登录和注册的预建页面。

vue属于.net框架吗

属于。

vue是一种前端开发框架,.net是后端开发语言,vue不依赖任何一种后端开发语言,可以任意和.net,java,php等语言结合使用。

Vue属于是一套用于构建用户界面的开源渐进式JavaScript框架,与其它大型框架不同的是,Vue被设计为可以自底向上逐层应用,Vue的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。


本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如若转载,请注明出处:/java/3894.html