vue+uniapp图书借阅图书馆管理系统 微信小程序g2u4g

本微信小程序软件架构选择B/S模式,总体功能模块运用自顶向下的分层思想。再然后就是实现系统并进行代码编写实现功能。论文的最后章节总结一下自己完成本论文和开发本项目的心得和总结,基本上实现了整个图书借阅过程。功能需求分析的任务是通过详细调查图书借阅微信小程序要处理的所有对象,通过充分了解图书借阅微信小程序的工作流程,明确使用者的各种需求,充分思考之后可能扩充和改变的情况,然后在这个基础上来设计数据库。
uni-app框架:使用Vue.js开发跨平台应用的前端框架,编写一套代码,可编译到Android、小程序等平台。

开发语言 node.js
前端:vue.js+ElementUi
数据库:mysql 
数据库工具:Navicat/SQLyog都可以
开发运行软件:VScode/webstorm/hbuiderx均可
框架:Express
小程序端运行软件  微信开发者工具/hbuiderx

本毕业设计的内容是设计实现一个基于uniapp图书借阅微信小程序。使用微信开发者是以nodejs语言进行开发,MYSQL为数据库开发平台, 。图书借阅微信小程序的功能已基本实现,主要包括有用户、热门图书、图书借阅、图书归还、图书续借等功能。
关键词:图书借阅微信小程序;微信开发者;nodejs语言;uniapp框架;
现在随着科技的飞速发展,计算机早已经进入了人们的日常生活中,人们的工作环境也不像以前有那么多的要求,这使得人们的工作效益有了很大的提高。操作的多样性也变高了。因此,管理的计算机化,智能化是社会发展而带来的必然趋势,各种智能的软件层出不穷,不同的软件能完成用户不同的需求,提高了工作效率。本系统不仅界面简洁明了还采用可视化界面,用户只要用鼠标和键盘就可以完成对相关信息的修改,删除,添加等操作。因为这个小程序的操作十分简单,方便上手,对于第一次使用小程序的人,只需要很少的时间就可以上手操作。由此可见,本小程序在操作上是可行的。
微信小程序的开发框架是微信所独有的一套框架,分为View视图层和App Service逻辑层两部分。框架提供了一种类似于Web中html语言的wxml语言,作为视图层的标签语言,用于构造页面的布局。另外提供了一种类似Web中css语言的WXSS语言,作为视图层的标签样式语言,用于表述页面的显示。而在逻辑层的框架,则同样使用了JS语言。微信小程序为了使开发者专注在代码的逻辑层面和数据处理上,还专门提供了两种解决方案,一种是事件,一种是数据的传输。这两种方案都位于小程序框架的视图层和逻辑层之间。用户在视图层进行交互之后,传递到逻辑层对数据进行处理,并返回数据到视图层向用户反馈。对于微信小程序视图层的开发设计,小程序官方提供了一系列的组件,这些基本组件可以极大的帮助开发者完成视图层的开发。同时,对于逻辑层的开发,小程序官方提供了一系列API来方便开发者请求一些额外功能。
目 录
目 录    I
1 绪 论    1
1.1研究的背景    2
1.2研究的主要内容    3
1.3 本文主要工作    4
2 开发工具和技术    5
2.1 微信开发者工具    6
2.2 nodejs语言    7
2.3 uniapp框架    8
2.4 MySQL环境配置    9
2.5 微信小程序框架    10
2.6 B/S架构    11
3 系统需求分析    12
3.1 系统可行性分析及目的    13
3.1.1经济可行性    14
3.1.2 法律可行性    15
3.1.3 技术可行性    16
3.1.4 操作可行性    17
3.2系统功能需求    18
3.3系统流程分析    19
3.3.1操作流程    20
3.3.2添加信息流程    21
3.3.3删除信息流程    21
4  系统总体设计    22
4.1 系统体系结构    23
4.2 数据库设计    24
4.2.1 数据库概念结构设计    25
4.2.2 数据库逻辑结构设计    26
5 系统详细设计    27
5.1用户功能模块(微信端)    28
5.2管理员功能模块(服务端)    29
6 系统测试    31
总 结    32
心得体会    33
参考文献    34
致 谢    35

  • 17
    点赞
  • 16
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
搭建一个使用vue3+ts+vite+uniapp微信小程序的步骤如下: 1. 首先安装最新版的Node.js和npm。 2. 安装uni-app-cli脚手架工具,命令如下: ``` npm install -g @vue/cli npm install -g @vue/cli-init npm install -g @dcloudio/uni-cli ``` 3. 创建一个uni-app项目,命令如下: ``` vue create -p dcloudio/uni-preset-vue my-project ``` 4. 进入项目目录,安装依赖包,命令如下: ``` cd my-project npm install ``` 5. 安装并配置微信小程序开发者工具,下载地址:https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html 6. 在微信小程序开发者工具中,选择导入uni-app项目,选择项目目录下的dist/dev/mp-weixin文件夹,导入后即可进行开发和调试。 7. 如果需要使用vue3和typescript,在项目中安装相关依赖包,命令如下: ``` npm install --save-dev vue@next @vue/compiler-sfc typescript ts-loader ``` 8. 在项目根目录下创建vue.config.js文件,配置如下: ``` module.exports = { chainWebpack: config => { config.module .rule('ts') .use('ts-loader') .loader('ts-loader') .tap(options => { options.appendTsSuffixTo = [/\.vue$/] return options }) } } ``` 9. 在src目录下创建shims-vue.d.ts文件,内容如下: ``` declare module "*.vue" { import { ComponentOptions } from "vue"; const component: ComponentOptions; export default component; } ``` 10. 现在你就可以使用vue3和typescript进行开发了。同时,如果需要使用vite进行开发,可以参考uni-app官方文档进行配置:https://uniapp.dcloud.io/collocation/vite 以上就是使用vue3+ts+vite+uniapp搭建微信小程序的步骤。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值