Vue.js

uni-app https://www.cnblogs.com/guolianyu/p/10521970.html 基于Vue.js的uni-app前端框架结合.net core开发跨平台project 一、由来 最近由于业务需要要开发一套公益的APP项目，因此结合所给出的需求最终采用uni-app这种跨平台前端框架以及.netcore快速搭建我们的项目，并且能做到一套代码跨多个平台。 当然在前期技术框架选型方面尤其是前端，我们也是历经了许多波折，让我一 一道来：一开始我们接到app项目时，由于公司人手不足，无法开发原生的app，因此需要另辟途径， 在我的脑海中我知道微软Xamarin工具可以实现一端多平台的开发，所以我就投入进去进行深入的研究，在搭建的过程中发现Xamarin的开发环境以及调试等出现各种各样的问题，而且网上的文档比较少，导致我越深入研究越没有信心， 最终放弃了xamarin，这个工具真的不是很好用，可能是我还不了解吧。由于放弃了此工具，我就在想是否可以做一套H5然后套个壳，因此顺着这个思路我发现了一个新兴的框架uni-app，而且还是基于vue的，这个大大帮助我们，而且 对于vue，楼主我之前只花了1周的时间来学习就基本掌握其中的要领，基本可以适应uni-app，话不多说赶紧入手，越研究越有趣，一套代码可以发布H5、小程序、APP(包含安卓和IOS)，简直是福音呀

你可以用 v-model 指令在表单 <input> 、 <textarea> 及 <select> 元素上创建双向数据绑定。它会根据控件类型自动选取正确的方法来更新元素。尽管有些神奇，但 v-model 本质上不过是语法糖。它负责监听用户的输入事件以更新数据，并对一些极端场景进行一些特殊处理。 v-model 会忽略所有表单元素的 value、checked、selected attribute 的初始值而总是将 Vue 实例的数据作为数据来源。你应该通过 JavaScript 在组件的 data 选项中声明初始值。 text 和 textarea 元素使用 value property 和 input 事件； checkbox 和 radio 使用 checked property 和 change 事件； select 字段将 value 作为 prop 并将 change 作为事件。 绑定数据: <input v-model="message" placeholder="edit me"> <p>Message is: {{ message }}</p> 案例: <!--子组件--> <template> <div> <!--绑定数据--> <input v-model="rumenz" /> <span> {{rumenz}} </span> <button @click

1.要实现路由跳转，先要在el-menu标签上添加router属性，然后只要在每个el-menu-item标签内的index属性设置一下url即可实现点击el-menu-item实现路由跳转。 2.导航当前项，在el-menu标签中绑定 :default-active="$route.path",注意是绑定属性，不要忘了加“:”,当$route.path等于el-menu-item标签中的index属性值时则该item为当前项。 < el-menu :default-active ="$route.path" :collapse ="isCollapse" :background-color ="variables.menuBg" :text-color ="variables.menuText" :active-text-color ="variables.menuActiveText" :unique-opened ="false" :collapse-transition ="false" router mode ="vertical" > ...... </ el-menu > < el-menu-item :index ="path" // vue得route对象里的path > ...... </ el-menu-item > 转载： https://blog.csdn

页面跳转反显（点击项，点击table滚动的位置，搜索条件，分页回显） 点击table tr项后，页面跳转到下级页面，返回回显搜索条件、当前页码、并将点击项select选中、滚动条也被记录回显跳转时滚动的位置 思路： 1.页面临时缓存我选择使用sessionStorage，点击tr行将搜索条件和页码，点击行的id进行存储； setSessionStore (name, content) { if (!name) return if (typeof content !== 'string') { content = JSON.stringify(content) } window.sessionStorage.setItem(name, content) }, getSessionStore (name) { if (!name) return; var content = window.sessionStorage.getItem(name); if (typeof content == 'string') { content = JSON.parse(content) } return content; }, removeSessionStore (name) { if (!name) return return window.sessionStorage.removeItem

1.先从后端搞起,部署django后台的环境依赖 -解决环境依赖的办法： 　　1.可以挨个的解决报错 　　2.把可以正常运行路飞哪个机器地下的python包，全部导出来，就可以 　　　　pip3 freeze > requirements.txt 　　3.把这个文件，传输给linux系统 　　　　linux再通过命令安装 　　　　pip3 install -r requirements.txt 3.通过模块依赖文件，直接安装，着是从讲师机器上下载的 手动创建依赖文件，然后写入 (s17luffy) [root@master luffy_boy]# cat requirements.txt certifi==2018.11.29 chardet==3.0.4 crypto==1.4.1 Django==2.1.4 django-redis==4.10.0 django-rest-framework==0.1.0 djangorestframework==3.9.0 idna==2.8 Naked==0.1.31 pycrypto==2.6.1 pytz==2018.7 PyYAML==3.13 redis==3.0.1 requests==2.21.0 shellescape==3.4.1 urllib3==1.24.1 uWSGI==2.0.17.1 4.安装uwsgi启动路飞后端

地址： https://blog.csdn.net/jiandan1127/article/details/86170336 1. router-link1. 不带参数 <router-link :to="{name:'home'}"> <router-link :to="{path:'/home'}"> //name,path都行, 建议用name // 注意：router-link中链接如果是'/'开始就是从根路由开始，如果开始不带'/'，则从当前路由开始。 2.带参数 <router-link :to="{name:'home', params: {id:1}}"> // params传参数 (类似post)// 路由配置 path: "/home/:id" 或者 path: "/home:id" // 不配置path ,第一次可请求,刷新页面id会消失// 配置path,刷新页面id会保留 // html 取参 $route.params.id// script 取参 this.$route.params.id <router-link :to="{name:'home', query: {id:1}}"> // query传参数 (类似get,url后面会显示参数)// 路由可不配置 // html 取参 $route.query.id// script 取参 this.

为什么要做.Net版开源配置中心 2020年发生了两件令我比较激动的大事 Vue 3.0正式版在2020-09-18发布 .Net 5 正式版在2020-11-10发布 当然也有比较遗憾的地方 我们短期内并不需要一个功能独立且完整的配置中心，所以重构了一个精简版内嵌在公司自己的DevOps工具，作为一个子模块运行 一些历史原因和现实问题无法使用最新的技术栈 技术栈 Alpha版功能 开源计划 Alpha发布时间 抱歉，因为只是业务时间做，这个没办法保证。我会努力赶进度的，但工作量真的不小。也欢迎各位大佬一起参与。 开源地址 Github 开源地址 https://github.com/doddgu/alpaca/ 项目进度 https://github.com/doddgu/alpaca/projects/1 Gitee(不定时同步) 开源地址 https://gitee.com/doddgu/alpaca 来源： oschina 链接： https://my.oschina.net/u/3226496/blog/4953206

如上图所示，创建了3个路由跳转选项，css实现后的效果如下 ↓↓↓ 当我切换“电影” “影院” “我的” 三个路由选项时，文字由黑色变成红色 此时可用vue自带的 router-link-active 实现切换变色 ----------------------------------------------------------------------------------------- 同样的，在二级路由切换时，也可实现切换变色效果， 比如说，切换 “正在热映”，“即将上映”两个按钮的时候，实现切换变色带下划线的效果 代码实现如下： 来源： oschina 链接： https://my.oschina.net/u/4380903/blog/3378836