Nuxt框架实践

2020-01-31 03:11栏目:竞技宝app
TAG:

原来一直MVC,strutsspringhibernateibatis,这些用的东东用了好多年,一直在做项目,MIS相关的工作。后来做管理工作好几年,技术上没啥长进,最近团队要确定未来几年的技术路线,我也是主要负责人之一,提前准备一下。最近公司转型在做app、微信相关的业务,后台框架还一直用以上的技术,感觉有些笨重,实现是没问题的,但是从开发效率、响应性上来看有些过时了。如果后台语言还是在Java大环境下,适应app、微信开发的轻量级的框架都有哪些?性能方面,访问量我估计很小,撑死并发100左右;安全方面别有重大缺陷就行;扩展性、稳定性、易用性啥的各位畅所欲言吧,给我这个老新手补补课。看了一个下午也是晕晕的,final、Restful也是云里雾里的,大趋势的技术都在哪些方向上?先这样,大家多多回复,多谢各位了

java实现app后台框架请教 10C
一般手机app接口后台开发,是用什么框架?
第一我们现在已经搭建ssh2的后台框架,是不是一直开发一个接口
龙电竞官网 ,第二,采用ssh2+webservice +axis2直接发布接口方式
第三,springMVC+hibernat方式去开发

龙电竞官网 1

小弟不不是很明白,由于公司需要做app,请帮助谢谢!小弟不胜感激,最好有相关项目给我,小弟qq2392649104@qq.com!小弟在线等。
小弟周一就要开发拉!非常着急!

nuxt

前言

今天抽空过了遍nuxt文档,写了个实践demo,关于nuxt我已经断断续续看了好几遍了,自我感觉也算是入门了吧,从开发到上线心里都有底。后期打算在项目用起来的是nuxt框架,一些函数工具库,比如ramda,lodash等等,后台服务估计会使用### fastify 这个库,目测非常方便,尝试尝试。

基础只是还是以官方文档为主,尝试过程中如果有什么问题可以留言,看到会回复,文章如有错误,欢迎指正。

预处理器的使用

安装需要的loader后指定lang就可以直接使用。

npm i less less-loader --save--dev

//全局css
  css: [
    {
      src: 'static/less/base.sass',
      lang: 'less'
    }
  ],
  //页面中使用

    <style lang="less" scoped></style>

页面loading

//禁用
module.exports = {
  loading: false
}

//颜色条
module.exports = {
loading: { color: '#3B8070' }
}

//使用组件
添加一个loading组件 (官方示例如下,详情可看官方文档)
引用该组件
module.exports = {
  loading: '~components/loading.vue'
}

///  components/loading.vue

 <template lang="html">
  <div class="loading-page" v-if="loading">
    <p>Loading...</p>
  </div>
</template>

<script>
export default {
  data: () => ({
    loading: false
  }),
  methods: {
    start () {
      this.loading = true
    },
    finish () {
      this.loading = false
    }
  }
}
</script>

<style scoped>
.loading-page {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.8);
  text-align: center;
  padding-top: 200px;
  font-size: 30px;
  font-family: sans-serif;
}
</style>

按照官方引用组件的方法,我测试报了个错,把~/ 改成 ./ 解决。估计是nuxt解析vue文件的问题。

版权声明:本文由龙竞技官网发布于竞技宝app,转载请注明出处:Nuxt框架实践