- 博客(29)
- 收藏
- 关注
RSS订阅原创 本周毕设周报
一、和老师探讨，更正方向在经过询问老师后，知道了自己真正的展示方向，重点落在“展示系统”上，所以根据之前做web前端经验，搜集了一些模板，并在网络上找到一些制作工程监测的公司产品进行界面参考。找到合适的开发模板在此基础上进行改进。二、登录、注册界面的实现登录注册界面使用了js文档放置后台数据的模式，反馈给前端，能够实现注册、登录功能。html<div class="fixed"> <div class="form-demo"> <!-- 旋转开关 --&g
2022-05-13 13:37:48
313
原创 angular本周周报
一、视频监控界面1.搞好路由传送后到视频监控界面2.上面可以选择监控范围，下面选择视频墙分布3.在做视频展示时遇到问题，使用html语法直接用vedio标签无法显示视频，就会出现下面这样的情况。参考其他同学上传视频的代码，成功展示视频但是这个是要先上传本地视频才能播放。二、地图展示事件这周成功研究了怎么使用baidumap展示事件，但是还有很多不妥当的地方首先是通过检索关键字信息，可以检索到北京市和“桥”相关的事件点展示在地图上var map = new BMapGL.Map(
2022-05-05 23:19:47
245
原创 本周学习周报
一、学习Bmap相关知识首先根据百度地图开发文档学习了事件添加的功能var opts = { width: 250, // 信息窗口宽度 height: 100, // 信息窗口高度 title: "Hello" // 信息窗口标题}var infoWindow = new BMapGL.InfoWindow("World", opts); // 创建信息窗口对象map.openInfoWindow(infoWindow, map.getCenter())
2022-04-28 22:31:02
136
原创 本周学习周报
一、整合之前学习内容将之前的学习内容进行规整，和老师讨论后大致了解了下一步的学习方向，目前整合过程仍有疏漏，有些之前学到的东西还没统合进来，还需具体补充，下面是进展情况。1、总体框架构造目前先按照简单的路由组件跳转在首页导航栏实现完整跳转功能。点击工程数据监测系统，可以进入主界面。点击工程地图，进入地图展示界面。点击工程详情可以展示工程具体信息。工程监控则是视频展示界面。2、工程监控界面根据Angular Material官方库先制作了简单的四宫格展示界面后面准备添加本地视频进行播放
2022-04-21 17:00:16
298
原创 本周的学习记录
一、高德地图组件展示注册账号并申请Key首先，注册开发者账号，成为高德开放平台开发者登陆之后，在进入「应用管理」 页面「创建新应用」为应用添加 Key在创建好的项目中添加依赖根据文档，里面有多种安装依赖的方式，采用npm 安装比较稳定（之前采用 cnpm安装，虽然速度较快，但是会报错未找到相关依赖，所以采用npm）npm i @amap/amap-jsapi-loader --save在之前用这个方法做时，复制到项目里面是报错的, AMapLoader 无法识别，vscode直接报
2022-04-14 21:22:13
74
原创 本周的学习记录
一、继续学习Angular Material新建项目，cd到项目中，使用ng add@angular/material 安装material库选项全部选择默认项，安装成功后即可使用1.尝试导入一个简单的按钮这是一个按钮相关的代码，color中选择对应颜色，可以在官网中查看不同颜色对应的英文代码，后面写按钮代表的文字，这里就简单的尝试了一下而后在app.module.ts中引入运行可以看到效果12.尝试导入简单的日期选择运行效果：项目用的实时数据，这个应该没什么用新建组件ng
2022-04-07 21:38:36
71
原创 本周学习记录
学习记录一、Angular中引入地图参考博客链接：https://blog.csdn.net/yuyinghua0302/article/details/80624274申请百度地图密钥http://lbsyun.baidu.com/index.php?title=jspopular/guide/getkey点入链接后按照步骤申请了百度地图平台的开发密钥在Angular项目中引入百度地图API文件，在index.html中引入<script type="text/javascript"
2022-03-31 22:03:01
101
原创 【无标题】
学习使用angular materialangular material框架的安装1.首先创建新项目2.在创建好的项目里输入以下代码 (1)npm install --save @angular/cdk@8.1.2 @angular/material@8.1.2 @angular/animations@8.2.8 hammerjs (2)npm install --save @angular/flex-layout@8.0.0-beta.26 (3)ng add @angular/mate
2022-03-24 21:42:45
82
原创 【无标题】
angular学习记录一、学习基础angular二、跟着教程文档跑一遍英雄之旅三、跟随教程安装tailcsswindcss四、根据哔哩哔哩教学视频，结合官方网站的教学继续学习一、学习基础angular在硬盘中建立一个文件命名为angular在cmd中cd跳转到该文件目录中输入命令ng new angulardemo01显示 Would you like to add angular routing（y/N）是在文创建项目时是否需要增加路由创建时遇到问题安装脚手架时用cnmp会提示setti
2022-03-17 21:25:31
301
转载 HTML学习总结
HTML学习总结一、HTML元素（elements）二、注释三、空元素四、元素的属性五、超链接语法六、锚点七、图片八、文件路径九、无序列表十、有序列表十一、区块元素十二、内联元素十三、预设格式十四、特殊字符一、HTML元素（elements）HTML 使用"标记"（markup）来注明文本、图片和其他内容，以便于在浏览器中显示。HTML 标记包含一些规定的"元素"如 <head>,<title>，<body>，<header>，<footer>
2021-06-08 17:37:58
121
转载 CSS学习总结
CSS的学习总结1. CSS 如何生效②内联样式③外部样式表④级联的优先级2. 颜色, 尺寸, 对齐①尺寸②对齐③颜色3. 盒子模型4. 边框与边距5. 定位6. 浮动7. 不透明度8. 溢出9. 组合选择器①后代选择器②子选择器10. 伪类和伪元素11.常见问题1. CSS 如何生效我们一般有三种方法：外部样式表，内部样式表，内联样式##① 内部样式表我们也可以将样式放在 HTML 文件中，这称为内部样式表。如：<!DOCTYPE html><html><hea
2021-06-08 17:27:36
114
原创 stm32中的PWM和DAC
STM32中的PWM和DAC1. 用STM32F103输出一路PWM波形2. 用STM32F103的DAC功能完成以下波形输出1）输出一个周期2khz的正弦波（循环）2）将一段数字音频歌曲数据转换为模拟音频波形输出（循环）。1. 用STM32F103输出一路PWM波形打开野火自带的如何所示的程序直接编译运行就可以得到结果连接示波器，输出如下波形2. 用STM32F103的DAC功能完成以下波形输出1）输出一个周期2khz的正弦波（循环）打开野火家的编号38那个程序结果如下：2
2021-01-03 19:50:48
305
原创 STM32基于汇编方式创建工程文件和闪烁LED灯
STM32基于汇编方式创建工程文件和闪烁LED灯一、STM32的三种Boot模式二、基于MDK创建纯汇编语言的STM32工程1.创建工程2.连接硬件3.在线调试4.查看hex文件三、基于STM32 汇编每间隔1秒钟闪烁一次LED的程序一、STM32的三种Boot模式STM32的启动方式一般以储存器的类型来区分。二、基于MDK创建纯汇编语言的STM32工程1.创建工程① 双击打开 MDK② 点击菜单栏的 project，选择 “New uVision Project” 选项然后选择路径，并保存
2020-12-30 13:28:21
234
原创 通过SPI总线实现OLED屏幕显示
通过SPI总线实现OLED屏幕显示一、实验所需仪器二、使用0.96寸OLED显示屏显示数据1.下载示例程序2.连线如下3.烧代码4.运行结果三、自行修改程序实现显示一、实验所需仪器1.stm32F103VE开发板2.USB串口线3.0.96寸SPI 7针OLED显示屏4.线二、使用0.96寸OLED显示屏显示数据1.下载示例程序打开下面的链接，然后下载里面的示例程序http://www.lcdwiki.com/zh/0.96inch_SPI_OLED_Module打开下载好的程序文件夹
2020-12-28 14:18:25
773
1
原创 stm32最小系统的PCB图
stm32最小系统的PCB图一、原理图封装添加二、PCB面板的生成三、原理图生成PCB的过程四、进行布局五、布线六、覆铜七、电气规则检查一、原理图封装添加连续点击两次原理图，出现右侧画面后点击添加点击浏览PCB封装库可以自己找资源或者自己创建，然后选择找资源查询资料寻找自己想要封装的类型，进行封装按t+g可以检查自己是否封装成功二、PCB面板的生成右键AD.prPCB三、原理图生成PCB的过程点击design下拉列表第一个，准备导入PCB如果没有错误，全是绿色的话，点击下方
2020-12-24 10:37:33
529
原创 计算机网络实验三
计算机网络实验三Cisco Packet Tracer 实验1.组建小型局域网2.交换机接口地址列表3.生成树协议4.路由器配置初步5.虚拟局域网 VLANCisco Packet Tracer 实验1.组建小型局域网1.组建小型局域网打开CPT，如下放好器件：设置为如下：PC0 192.168.1.1 255.255.255.0PC1 192.168.1.2 255.255.255.0PC2 192.168.2.1 255.255.255
2020-12-23 10:59:11
453
原创 计算机网络实验二
计算机网络实验二一、数据链路层实作一：熟悉 Ethernet 帧结构实作二：了解子网内/外通信时的 MAC 地址实作三： 掌握 ARP 解析过程二、网络层实作一：熟悉 IP 包结构实作二： IP 包的分段与重组实作三： 考察 TTL 事件三、传输层实作一： 熟悉 TCP 和 UDP 段结构实作二： 分析 TCP 建立和释放连接四、应用层实作一 ：了解 DNS 解析实作二： 了解 HTTP 的请求和应答一、数据链路层实作一：熟悉 Ethernet 帧结构使用 Wireshark 任意进行抓包，熟悉 Et
2020-12-22 11:25:33
578
原创 计算机网络实验一
计算机网络实验一一、ipconfig实作一实作二二、ping实作一:实作二：三、tracert实作一：实作二：四、ARP实作一：实作二实作三五、DHCP实作一六、netstat实作一实作二：七、DNS实作一：实作二：实作三：八、cache实作一：实作二：一、ipconfig实作一使用 ipconfig/all 查看自己计算机的网络配置实作二使用 ipconfig/all 查看旁边计算机的网络配置✎ 问题你的计算机和旁边的计算机是否处于同一子网，为什么？答：不处于。二、ping实作一
2020-12-22 11:07:09
246
原创 2020-12-21
AHT20温湿度采集stm32f103指南者外接AHT20进行温度采集。①硬件连接②代码实现stm32f103指南者外接AHT20进行温度采集。①硬件连接AHT20的SCL，GND，SDA，VCC分别对应接stm32f103指南者i2c模块的B6，GND，B7，5V。②代码实现在固件库版的空白工程上进行添加代码，并实现以下功能：每隔2秒钟采集一次温湿度数据，并通过串口发送到上位机首先主函数如下：main.c#include "delay.h"#include "usart.h"#in
2020-12-21 14:37:02
93
原创 Ardunio的stm32f103指南者串口通信
Ardunio 下的stm32f103指南者串口通信1.用Ardunio IDE完成stm32f103指南者的串口通信。①安装Ardunio IDE②配置Ardunio IDE③连接stm32f103指南者开发板④烧录程序（stm32f103指南者）2.基于标准库函数与基于HAL库函数的stm32编程方式的差。3.stduino IDE使用体会1.用Ardunio IDE完成stm32f103指南者的串口通信。①安装Ardunio IDE下载解压安装Ardunio，一直默认安装就可以，选择路径不要有中
2020-12-13 20:04:29
329
原创 STM32串口通信
STM32串口通信一、基于寄存器与基于固件库编写的差异二、stm32串口通信实战1.烧录方式2.代码及效果图3、C语言程序里全局变量、局部变量、堆、栈等概念一、基于寄存器与基于固件库编写的差异固件库编写方式，特点是简单易于理解，资料多。新手适合用这种方式入门。寄存器的可移植性强，更贴近底层，要求对外设的工作原理和运行机理有更深的理解。二、stm32串口通信实战1.烧录方式然后用usb线把stm32开发板和电脑相连接，stm32端连接的 ‘usb转串口’这个接口，再打开stm32开关，可以看到红
2020-12-02 12:14:41
1130
原创 keil下的FreeRtos多任务程序
keil下的FreeRtos多任务程序一、手动移植FreeRtos（以STM32F103为例）二、使用野火模板进行操作一、手动移植FreeRtos（以STM32F103为例）首先下载FreeRTOS源码，并且解压到自己的文件夹中。把下载的文件的FreeRTOSv9.0.0\FreeRTOS\Demo\CORTEX_STM32F103_Keil目录下的FreeRTOSConfig.h放到source下再将FreeRTOSv9.0.0\FreeRTOS\Source\portable\IAR目录下的
2020-12-02 11:41:26
378
原创 在ubuntu安装vscode和可视化的代码跟踪调试
在ubuntu安装vscode和可视化的代码跟踪调试在ubuntu安装vscode一、命令安装1. 在网页下载deb安装包：https://code.visualstudio.com/Download2. 在命令行安装：3. 在命令行执行：二、汉化在ubuntu中用vscode编译调试C\C++一、 安装插件二、编译运行程序在ubuntu安装vscode一、命令安装1. 在网页下载deb安装包：https://code.visualstudio.com/Download2. 在命令行安装：
2020-11-09 20:16:47
152
原创 2020-11-09
Proteus仿真运行stm32程序一、在Proteus里创建工程二、配置实验所需原件三、进入keil 5中选择Option for Target,然后勾选Create HEX file，生成hex文件。四、配置芯片五、实验结果一、在Proteus里创建工程1.首先点击创建新工程，输入工程名、安装路径。2.选择从选中的模板中创建原理图（DEFAULT）。3.选择不创建PCB布版设计。4.选择创建固件项目，其中：系列选择Cortex-M3，Controller选择STM32F103R6，点击下
2020-11-09 17:00:29
121
原创 嵌入式系统程序调试
嵌入式系统程序调试代码的GDB调试1.gdb简介2.调试过程opencv安装及使用1.安装2.使用-编写一个打开图片进行特效显示的代码3.编写一个打开摄像头显示处理视频的程序代码4.打开摄像头显示处理视频的程序代码改进版代码的GDB调试1.gdb简介GDB（GNU Debugger）是GCC的调试工具。GDB主要能完成下面四个方面的功能：1.启动程序，可以按照自定义的要求随心所欲的运行程序。2.可让被调试的程序在所指定的调置的断点处停住。3.当程序被停住时，可以检查此时程序中所发生的事。4.
2020-10-29 11:07:35
273
原创 Linux背后的故事
编译器背后的故事用gcc形成静态库和动态库1.1创建目录1.2生成文件1.3由.o 文件创建静态库1.4在程序中使用静态库。1.5 由.o 文件创建动态库文件 文件创建动态库文件1.6在程序中使用动态库二、Linux 下静态库.a 与.so 库文件的生成与使用2.1创建目录2.2生成文件2.3静态库.a 文件的生成与使用三、静态文件与动态文件对比3.1 生成静态文件并记录大小生成动态文件并记录大小四、gcc编译工具集中各软件的用途，了解EFF文件格式，汇编语言格式4.1 Linux GCC常用的命令4.2G
2020-10-16 20:18:52
223
原创 Win10下MDK5，stm32pack的安装以及stm32的简单程序编译
Win10下MDK5，stm32pack的安装以及stm32的简单程序编译一、安装流程二、MDK-5.10注册三、 stm32的简单程序的编译一、安装流程1.双击mdk_510.exe，进行安装。2.点击"I agree …“和"Next”。3.选择软件安装路径4.填写注册信息5.等待安装6.点击finish完成安装7.软件安装完成之后会自动弹出一个keil的网页和pack Installer窗口。我们这里直接在压缩包里的pack进行安装二、MDK-5.10注册1.以
2020-10-08 19:13:08
890
原创 AT89C51程序设计仿真——交通灯
AT89C51程序设计仿真——交通灯程序设计Proteus仿真仿真结果及总结程序设计1.首先建立一个工程①打开Keil uVision，点击Project，找到New uVision Project，点击它②给建立的项目取一个名字③选择项目需要使用的芯片，选择完成后，点击OK（该实验要用到的芯片是AT89C51）④选择file,new,输入代码#include<reg52.h>typedef unsigned char uchar;typedef unsigned int u
2020-10-08 18:52:55
3343
4
原创 在Ubuntu环境下用gcc命令运行c程序以及Makefile编译
在Ubuntu环境下用gcc命令运行c程序以及Makefile编译用gcc命令编译c语言用VC++6.0编译C语言用Makefile编译C语言用gcc命令编译c语言主程序main1.c#include<stdio.h>#include"sub1.c"void main(){ int x=8,y=3; float k=0; k=x2x(x,y); printf("%f\n",k); }sub1.cfloat x2x(int a,int b){float
2020-09-25 19:29:44
629
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人