执门文章
python使用pywebview集成vue3和element-plus开发桌面系统框架
于 2024-07-04 00:30:18 发布
访问423
收藏0
文章标签:
pywebview
vue3
element-plus
python
桌面软件开发

​ 随着web技术越来越成熟,就连QQ的windows客户端都用web技术来开发,所以在未来,web技术来开发windows桌面软件也会越来越多,所以在此发展驱动之下,将最近流程的python与web技术相结合,使用vue3和element-plus、vue-router、saas(CSS扩展语言),来开发桌面管理系统,也是一个不错的选择。最主要的是两者技术门槛比较低,而且开发效率也很快,同时也可以做出漂亮的界面。

一、技术背景

python:版本号为3.7(你也可以换成高版本,同样支持)

vue3:版本为3.4.29

element-plus:版本号:element-plus

vue-router:版本号为4.4.0

sass:1.53.0

操作系统为:windows10

二、先看效果

python使用pywebview集成vue3和element-plus开发桌面系统框架

三、web关键代码-登陆页面


<template>
  <div class="login-container">
    <h1>用户登录</h1>
    <form class="login-form">
      <div class="form-group">
        <label>用户名:</label>
        <input type="text"  />
      </div>
      <div class="form-group">
        <label>密码:</label>
        <input type="password" />
      </div>
      <button type="submit" @click="login">登录</button>
    </form>
  </div>
</template>


<script setup>
import {onMounted, getCurrentInstance,ref,computed} from "vue";
import {useStore} from "......
于 2024-07-04 00:30:18 发布
访问423
收藏0

实力雄厚的技术网站

产品

概述

资源

文档

版权问题

请联系客服

联系我们

联系我们


© 财瑞智能科技 2024蜀ICP备2023018175号-2川公网安备51011202000656号