![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
暑期实训
夏天啵啵雨
这个作者很懒,什么都没留下…
展开
-
暑期实训记录:第五周(3)
Hover Effect实现Hover Effect实现:/* 菜名信息展示 /.meal-info {position: absolute;top: 0;left: 0;height: 180px;width: 180px;background: rgba(0, 0, 0, 0.7);/ flex布局 垂直居中显示 /display: flex;align-items: center;justify-content: center;/ 过渡效果 /transition: op原创 2021-07-28 12:41:46 · 87 阅读 · 0 评论 -
暑期实训记录:第五周(2)
页面结构原创 2021-07-28 12:39:04 · 83 阅读 · 0 评论 -
暑期实训记录:第五周(1)
前端页面设计总结在对此次个人收藏页面进行设计时,简化各种花样繁复的装饰效果,力求界面的简洁统一的设计风格。利用特殊的界面设计方式,创造出而更加符合食品展示页面用户需求的“功能内容式交互体验设计”。具体体现在:a. 清楚易用交互界面。将个人收藏页面的功能性与菜品展示界面的视觉化相互结合,形成符合人们心理的高效率可操作界面。b. 少即是多的设计原则。除去了界面多余的装饰效果,其简洁和大胆的视觉表现形式,与以往的界面设计有着本质上的区别,突出展示菜品关键信息,更符合用户情感需求的捕捉和反馈。c. 字体。在原创 2021-07-27 19:26:47 · 79 阅读 · 0 评论 -
暑期实训记录:第四周(3)
交互界面的优化已经完成了基本功能,接下去进行交互界面的优化,在优化过程中,遵循一些人机交互和网页设计的原则,记录如下。主题明确在目标明确的基础上,完成网站的构思创意即总体设计方案。对网站的整体风格和特色作出定位,规划网站的组织结构。Web站点应针对所服务对象(机构或人)的不同而具有不同的形式。有些站点只提供简洁文本信息;有些则采用多媒体表现手法,提供华丽的图像、闪烁的灯光、复杂的页面布置,甚至可以下载声音和录像片段。好的Web站点把图形表现手法和有效的组织与通信结合起来。为了做到主题鲜明突出,要点原创 2021-07-21 18:05:39 · 85 阅读 · 0 评论 -
暑期实训记录:第四周(2)
界面风格统一在用户界面设计中,一致的外观可以在应用程序中创造一种和谐美。如果界面缺乏一 致性,会使应用程序看起来非常混乱 ,没有条理,降低了人们使用该应用程序的兴趣。为了保持视觉上的一致性,在开发应用程序之前应先创建整体设计策略。本次项目实训采用统一的界面风格和界面设计,具体如下:1.模块之间共用一个相同的顶部状态栏,模块之间的跳转通过顶栏上的“主页”按钮联系到主页2.网页配色采用与山大官网类似的风格,正文使用黑色,标题字体、按钮背景色、超链接与顶栏配色一致3.字体统一使用微软雅黑4.网页背景为原创 2021-07-21 17:56:49 · 94 阅读 · 0 评论 -
暑期实训记录:第四周(1)
flask连接完整的数据库原创 2021-07-20 20:22:03 · 71 阅读 · 0 评论 -
暑期实训记录:第三周(3)
分页功能的实现经过前几天的学习和铺垫,我掌握了关于flask数据库管理,ORM,模型,类,Query对象等知识,为分页功能的实现打下了基础,完成了分页功能的实现。原创 2021-07-13 20:05:08 · 71 阅读 · 0 评论 -
暑期实训记录:第三周(2)
一些零散的知识点1.路由:URL到python函数之间的映射关系2.视图函数:def index():3.动态路由:<>内是可变部分@app.route('/user/<name>) def user(name): return '<h1>Hello,{}!</h1>'.format(name)4.endpoint:请求flask端点的名称,flask把视图函数的名称用作路由端点的名称5.宏macro:类似于python代码中的函数,避免原创 2021-07-13 19:52:57 · 84 阅读 · 0 评论 -
暑期实训记录:第三周(1)
flask 使用Flask-SQLAlchemy管理数据库(1)实验过程中遇到数据库连接及操作问题,在这里记录查找到的资料以及解决过程。1.连接数据库服务器2.定义数据库模型(model)用来映射到数据库表的python类通常被称为数据库模型(model),一个数据库模型类对应数据库中的一个表。定义模型即使用python类定义表模式,并声明映射关系。所有的模型都需要继承Flask-SQLAlchemy提供的db.Model基类。# 创建实体类class Users(db.Model):原创 2021-07-12 13:08:57 · 80 阅读 · 0 评论 -
暑期实训记录:第二周(3)
标题原创 2021-07-11 15:14:10 · 66 阅读 · 0 评论 -
暑期实训记录:第二周(2)
关于flask向html传参的问题在做项目时遇到需要把数据库的数组参数(二维)传到HTML中,并在HTML中索引。看似简单但却不容易解决,原因是当数组被传递到HTML后无法直接使用下标索引,因而需要在传参之前进行相应的处理。经过查资料、讨论和思考后,给出以下解决方案:1.首先在.py文件中编写函数parse进行数组处理2.处理后的数组再传到HTML,用两个for循环进行遍历def parse(data): ans = [] i = 0 while i < len(dat原创 2021-07-11 11:06:44 · 76 阅读 · 0 评论 -
暑期实训记录:第二周(1)
暑期实训记录:第二周(1)1、什么叫url反转:从视图函数到url的转换叫做反正url(也就是知道视图函数,来最终输出对应页面的url);正转-:由Url获得对应的视图内容2、反转url的用处:*在页面重定向(跳转)的时候,会使用url反转*在模板中,也会使用url反转(用url_for(login),而不用具体固定的url地址来实现页面的跳转)3、页面跳转和重定向 判断是否处于登陆,如果登陆就直接跳转到发布文档页面; 但如果没有登陆会重定向到登陆界面去 用处:在用户访问一些需要登陆原创 2021-07-11 10:58:36 · 72 阅读 · 0 评论 -
暑期实训记录:第一周(3)
暑期实训记录:第一周(3)路由使用 route() 装饰器来把函数绑定到 URL:@app.route('/')def index(): return 'Index Page'@app.route('/hello')def hello(): return 'Hello, World'变量规则通过把 URL 的一部分标记为 <variable_name> 就可以在 URL 中添加变量。标记的 部分会作为关键字参数传递给函数。通过使用 converter:vari原创 2021-07-04 12:48:31 · 89 阅读 · 0 评论 -
暑期实训记录:第一周(2)
暑期实训记录:第一周(2)学习HTML+CSS,学习flask网站搭建知识一个最小的 Flask 应用如下:from flask import Flaskapp = Flask(__name__)@app.route("/")def hello_world(): return "<p>Hello, World!</p>"首先我们导入了 Flask 类。该类的实例将会成为我们的 WSGI 应用。接着我们创建一个该类的实例。第一个参数是应用模块或者包的名称。原创 2021-07-02 18:58:54 · 478 阅读 · 0 评论 -
暑期实训记录:第一周(1)
山东大学暑期实训记录:第一周(1)项目简介:本项目拟研发面向中餐的饮食健康管理系统,在通用饮食记录功能的基础上,嵌入申报人在人工智能领域的前沿科研成果、增加基于的饮食分析和基于社交云的饮食推荐功能,为人工智能技术落地传统行业、助力日常饮食健康的社区推广打下基础。项目分工:主要负责个人收藏(前端)、食品图片识别(后端)搭建flask+Vue框架:关于vue环境的搭建下载vue.min.js,放到flask项目的static文件中在templates里创建html文件用...原创 2021-06-29 11:13:15 · 92 阅读 · 0 评论