SpringBoot(27) —— 应该如何写一个网站


1.后端

  • 学习Java最多的就是后台开发,其实后台开发基本步骤比较固定,且有ssm框架简化传统的MVC 3层架构的开发,再加上springBoot自动配置spring,剩下我们需要写的基本就是一些核心的逻辑代码,以及增强springBoot的自动配置
  • 对于后端的BUG,基本都是可以是要DEBUG调试出来的,除非是什么版本问题,软件问题,这些报错的时候也基本可以在网上搜索到答案,所以后台开发基本没有太大的问题
  • 现在需要操心的是我们的前端

2.前端

    因为我们不是专业学前端的技术人员,所以在写项目的时候要自己从0开始写一个前端视图是很困难的,所以秉承不要重复造轮子的思想,我们最好的办法就是去借鉴,注意:是借鉴不是抄袭
    我们需要找到自己觉得优秀其自己吃的下来的前端素材,熟悉它,改造它,让它成为你这个项目的一部分
    现在的前端素材大体分为两种

  • 模板:【别人写好的前端素材,各个页面都已经实现完整了,拿过来就可以直接打开网页看到效果】直接找一些好看的前端网页素材过来修改,我们自己想要写一个相同效果的页面是很难的,直接下载前端素材,按照前面的案例"员工管理系统"一点一点的修改前端,让它和我们的后端耦合起来,实现数据的交互,按照我们的想法实现样式、功能
  • 框架:【别人写好的组件,需要我们自己进行组装】组件就是vue里面学习的,框架或者说是组件,相比于模板,它更像是积木,我们拿到积木之后怎么拼装都靠我们自己发挥想象力,但是这样对于我们的要求也就更高一点,因为我们需要学会组件的使用,比如vue,还有一些优秀的框架可以参考使用,比如bootstrap、layui、semantic-ui、elementUI
    • 对于框架,我们至少要知道下面这几点
      • 栅格系统
      • 导航栏
      • 侧边栏
      • 表单

3.怎么搭建一个完整的网站

  1. 搭建一个网站,首先搞定前端,设计好了前端我们才知道前端需要什么数据/展示什么数据,我们需要从数据库中传递哪些数据给前端,我们的数据库也是要在此基础上才能够进行设计的
  2. 设计数据库【难点】,设计一个完全合乎情理的数据库是很难的,前面做项目都是自己拷贝的别人设计好的数据库来用的,基本没有自己设计过数据库
  3. 创建web项目,pojo、mapper/dao、service、controller,最后才是controller和前端交互数据
  4. 在项目初期,我们可以像"员工管理系统"一样,在dao层的static中放一些假数据,先把前端跑起来看效果,这样做的另一个好处就是下一次启动项目的时候这些数据又复原了,不用像数据库中那样,删除之后就形成了持久化的效果,想要再使用原来的数据,需要再去数据库中添加数据
  5. 后端数据接口如何对接前端,就是前端怎么使用后端的数据,或者说后端返回什么数据类型的数据给前端解析展示:可以是json数据格式,也可以直接返回对象/一般都是对象集合
  6. 前后端联调测试,就是项目整个运行起来,测试所有功能,出现BUG就分析,看看是前端解析数据错误还是后端获取数据、传递数据的错误

4.找工作之前的准备

  • 需要有一套自己熟悉的后台模板,这个东西是工作必须要的
    • 注意:后台模板说的就是我们后台管理系统的视图模板,工作的时候叫你开发后台,你再去找一套后台模板来熟悉和使用,工作就可能不保了,所以找一个好一点的后台模板,自己去熟悉使用它,到了工作中直接拿出来使用即可,上手很快,工作效率也高 (注意:玩熟了一套模板之后可以换一套现在最流行的后台模板,主要是要跟上当前技术的发展,不能一层不变的吃老本,吃老本==淘汰)
    • 后台模板推荐x-admin,这个网站上的后台模板层次分明,最重要的是【免费】
  • 前端界面至少自己可以通过前端 框架/组件 组合出来一个网站页面,比如写一个博客网站,至少下面5个页面
    • index:博客网站首页
    • about:网站介绍
    • blog:用户博客页
    • post:用户写博客的页面
    • user:用户自己的信息页
  • 写完之后要把我们写的这个网站运行起来看看效果
  • 写项目的时候,可以借鉴别人已有的例子进行开发,要自己从0开始一点点的实现一个网站项目真的太难了
  • 找工作之前至少自己完完整整实现一个项目,才有底气找工作
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值