美文网首页
第四周前后端分离开发笔记

第四周前后端分离开发笔记

作者: sherlockwit_孙鸣 | 来源:发表于2019-03-22 14:27 被阅读0次

学习笔记:

SPA:单页应用

场景 技术栈 IDE
1.中后台管理系统 1.SpringBoot、vue-cli SPA、ElemenUI 1. WS、VS code、HB
2.H5前端开发 2.vue-cli SPA、npm、建议自己布局手写样式 2. WS、VS code、HB
3.跨端APP开发 3.uni-app、Flutter、RN、cordova(调用底层API) 3.HB、打包成可安装的APP

1.一级路由demo
vue-router-demo

一个Vue的单页应用(一级路由)的脚手架程序构造

1.进入某个目录如D:Vuestudys
2.通过命令创建项目:vue init vue-router-demo1(后几项都选NO)
3.cd 进入vue-router-demo1目录
4.安装依赖:npm install
5.运行npm run dev
6.更改config目录下的index.js文件,将端口改成80
7.进行一级路由配置
App.vue
router文件夹的index.js文件
compoments文件夹创立相应的组件
1.index.vue
2.Message.vue
改造之后变成根主键

后端:
1.RESTful风格APL开发
2.swagger生成在线文档
3.跨域注解方式
3.1 添加依赖
3.2 SpringBootMybatisApplication开启注解
3.3 在配置文件里写配置
http://localhost:8080/swagger-ui.html
前端:
1.vue-cli创建项目
2.vue-router路由配置
3.组件开发(vue文件)
4.引入axios(npm)
4.1 package.json
4.2 npm install
4.3 main.js引入
5.调用后端API实现增删改查功能

个人学习心得:

从开学到现在已经上了四周课了。其实在寒假我就已经提前进入到了许老师发展的寒假小打卡的任务中来,开始学习前端布局的相关知识等。说实话从寒假到现在为止,我的代码水平以及相关知识有了很大的提高,也对编程逐渐起了兴趣,并且我也想弥补一下我大一以及大二上学期的漏洞。因为在大一及大二上学期,我的学习热情并不是很到位,自己的编程基础并不是很到位,对学习也不是很严格要求自己。但是自从寒假开始,我发觉要不在大学这段时间学点东西出来而荒废过去,跟咸鱼也没有什么区别。
对于现在的学习我整体还是可以跟上的,不懂得也会有老师和同学们帮助我为我答疑解惑,我现在感到每天都过得非常充实。这得感谢许老师从寒假一直坚持每天为我们录视频教我们学习,也是许老师督促我们每日坚持小打卡,才让我对一开始把写作业当任务的形式学习而变成了对编程感兴趣的自主学习。我现在的基础可能还不到位,还得继续慢慢加油学习,下面也是我接下来的学习计划:
1.多看多问多学,有事没事可以多了解了解相关知识,从普及基础知识做起。
2.看计算机二级的材料,这学期准备考计算机二级。
3.日常上课听讲整理笔记,不懂就问,多回顾回顾出现问题,下次也方便解决。
4.代码能不复制粘贴就不复制粘贴,多打多练。
...
坚持每天敲代码,只要付出就会有收获,加油!

相关文章

  • 小程序开发心得

    通过三周的时间,经历了一次完整的前后端分离的开发过程,下面说说我对小程序新的理解和一些前后端分离的看法。 开发前准...

  • 前端如何高效的与后端协作开发

    前端如何高效的与后端协作开发 1. 前后端分离 前端与后端的分离,能使前端的开发脱离后端的开发模式,拥有更大的自由...

  • 第四周前后端分离开发笔记

    学习笔记: SPA:单页应用 场景 技术栈 ...

  • Vue基础

    相关概念 混合开发和前后端分离 混合开发(服务器端渲染) 前后端分离后端提供接口,前端开发界面效果(专注于用户的交...

  • 《十次方》01、需求分析

    需求分析 首先,该项目工程采用的是前后端分离的开发形式。为什么要采用前后端分离的开发形式呢? 前后端分离的优点和必...

  • 前后端分离的优缺点和restful api

    前后端分离优缺点 为什么要前后端分离 pc、app、pad多端适应 SPA开发模式开始流行 前后端开发职责不清 开...

  • WEB开发中前后端分离的好处与区别

    什么是前后端分离 程序开发的时候,前后端开发以数据为交互导向的开发方式,同时也是一种架构方式。 前后端分离的好处 ...

  • 前后端分离开发

    含义 前后端分离开发顾名思义,就是将前端后端分离可以同时进行开发.前端就只管前端的事,后端就只管后端的事,比起传统...

  • ibase2.0规范文档-01:OpenAPI在eclipse的

    前后端分离的契约(http接口文档) 在做前后端分离开发时,后端开发的服务需要有帮助说明。目前我们选用的是apid...

  • 深入解析Vue CLI 3.0脚手架如何mock数据

    前后端分离的开发模式已经是目前前端的主流模式,至于为什么会前后端分离的开发我们就不做过多的阐述,既然是前后端分离的...

网友评论

      本文标题:第四周前后端分离开发笔记

      本文链接:https://www.haomeiwen.com/subject/rvwlvqtx.html