- 博客(16)
- 收藏
- 关注
RSS订阅原创 项目实训第五周（3）
在这次的项目实训中，题目为饮食健康管理系统设计与实现 前端方面学习了html + css，可以简单地制作一些静态网页，还学习了一些javascript 语言，弄清了一些概念：js中变量的作用域，变量传递方式，函数的定义环境与执行环境，，函数的多种调用方式等一些实用性较宽泛的知识，学会软件系统前后台的设计与实现技能，与其他开发人员交流沟通，对团队整体开发一个项目的流程有所了解，增强团队合作与真实问题的解决能力。...
2021-07-28 20:39:45
49
原创 项目实训第五周（2）
代码方面首先是需要从数据库的USER_VIEW这个视图中获取我们需要的数据，并对其进行初步整理，然后将数据传递到html文件中，如下代码，传递的数据包括用户名及其总量、食谱名及其总量、用户食谱对应关系及其总量。其中，我们获取的用户食谱关系表中，用户与食谱均有可能出现不止一次，我们可以先将所有用户去重，确保每个用户不重复的存储在user这个列表中，而所有的用户（未去重）存放在user_s这个列表中，食谱的数据同理，此时，每个用户对应的食谱关系，都可以通过user_s与food_s这两个列表的相同索引来确定..
2021-07-28 20:38:04
251
原创 项目实训第五周（1）
第二个难题是点击食谱按钮之后弹出该饮食的详细信息，其中食谱的名字与食材的数据内容如果输入特殊字符，会导致无法换行的情况（如图），为解决这个问题，需要重新调整一下这两个标题的属性。为了让特殊字符能够换行，经查阅资料，修改这两个标题的属性如下：style=‘word-break: break-all;word-wrap: break-word;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflo
2021-07-28 20:37:24
81
原创 项目实训第四周（3）
社交云模块属于系统开发小组，该模块的功能主要是通过点击主页的社交云按钮跳转到社交云页面，展示社交云网络，在该页面中，以用户和饮食为点、两者交互为边构建可视化的交互图，可以查看的内容所有用户的用户名以及用户所收藏的食谱名称。其中，用户与饮食以及二者的关系，需要获取数据库中的信息，获取用户饮食关系，在功能实现之后，需要将接口提供给用户模块。模块功能初步实现之后，提交给测试组与项目经理，让他们提出新的需求与改进方案。其中，遇到的困难主要有两个，首先是用户节点的分布，由于最开始时是完全随机的分布，有可能会因
2021-07-28 20:36:53
36
原创 项目实训第四周（2）
社交云系统展示通过点击主页的社交云按钮跳转到社交云页面，展示社交云网络，在该页面中，以用户和饮食为点、两者交互为边构建可视化的交互图，可以查看的内容所有用户的用户名以及用户所收藏的食谱名称，点击代表用户的点，可以突出显示该用户以及该用户收藏的所有食谱，双击用户按钮或者向上滑动鼠标滑轮可以实现页面的放大，并且显示出用户收藏的食谱名称，点击代表食谱的点，便可以打开该食谱的详细信息，可以查看食谱的菜名、用到的食材、预览图以及返回社交云界面的按钮....
2021-07-28 20:36:12
40
原创 项目实训第四周（1）
现在可以在界面上显示所有的节点了，但这只是一个静态的页面，接下来为这些节点添加一些功能，首先是点击某用户，将用户及其收藏的食谱凸显出来，思路如下：声明一个函数mute()，功能为：增加节点与边的透明度，再声明一个函数unmute()，功能为降低节点与边的透明度，然后为用户节点添加click的一个函数：当一个用户节点被点击时，界面中所有节点执行mute()函数，同时该节点和所有与其相连的食谱节点再执行unmute()函数，就实现了突出当前用户节点和食谱，淡化所有其他节点与边的功能。 function
2021-07-28 20:34:23
34
原创 项目实训第三周（3）
var i,index, t = { nodes: [], edges: [] } for (i=0;i<{{ user_lenth }};i++){ t.nodes.push({ id: user[i] , label:user[i] , x: 1000*Math.random(), y: 450*Math.random(), size.
2021-07-18 23:08:22
31
原创 项目实训第三周（2）
在导入完成所有的js脚本后，我们就可以使用sigma.js插件的相关功能了，首先我们要定义一个显示的区域<div id="container"> <style> *{ border: none; margin: 0; } .top{ position: fixed; top: 0; height: 54px; width: 100%; background-c
2021-07-18 22:59:51
57
原创 项目实训第三周（1）
将已经获得的数据在网页中显示，使用到的是sigma.js插件。插件将使用带有 id 的 HTML 元素sigma-container来显示我们的图形。这个元素的宽度和高度可以是我们想要的任何东西，sigma 会自行调整它添加到其中的元素。此外，我们必须导入 sigma 并添加一个包含 JavaScript 代码的脚本标记。因为我们需要的功能种类比较多，导入的js脚本数量较多 <title>demo3</title> <script src="{{ url_f
2021-07-18 22:50:33
44
原创 项目实训第二周（3）
由于直接传送过来的数据在html中不能按需求来使用，所以将传过来的数据转存到相应的数组中<script type="text/javascript" > food = [] user = [] food_s = [] user_s = [] food_infor = [] food_img = [] </script>{% for data in food %} &
2021-07-18 22:41:01
30
原创 项目实训第二周（3）
sql = "select username, food_name, food_infor, url from USER_VIEW"cur.execute(sql)result = cur.fetchall() # 读数据库并传到变量result内con_lenth = len(result)user_s = list(range(con_lenth))food_s = list(range(con_lenth))user = []food = []food_infor = []fo.
2021-07-18 22:39:00
67
原创 项目实训第二周（2）
实现与数据库的连接，以及一些数据的获取 #每次打开页面都需要更新视图 cur.execute("DROP VIEW USER_VIEW") cur.execute( "CREATE VIEW USER_VIEW AS SELECT username, food_name, food_infor, url FROM USER_TABLE,FOOD_TABLE,RELATION_TABLE WHERE USER_TABLE.id=RELATION_TABLE.id
2021-07-18 22:35:21
69
原创 项目实训第二周（1）
第一个flask应用在安装好flask模块后，新建一个py文件，实现第一个flask应用。from flask import Flaskapp = Flask(__name__)@app.route('/')def hello_world(): return 'Hello World'if __name__ == '__main__': app.run()Flask构造函数使用当前模块（__name __）的名称作为参数。Flask类的route()函数是一个装饰器
2021-07-07 16:37:40
62
原创 项目实训第一周（3）
VUE.JSvue.js是一套用于构建用户界面的渐进式框架。本次主要是对vue框架进行学习的一些笔记心得。M： Model 数据模型数据层数据可能是固定的思数据, 更多的是来自服务器, 从网络上请求下来的数据V: View 视图模板视觉层在前端开发中, 通常是DOM层作用: 是给用户展示各种信息VM： View-Model 视图模型视图模型层是View和Model沟通的桥梁一方面实现了Data Binding (数据绑定), 讲Model的改变实时的反应到View中另一方
2021-07-03 12:06:04
43
原创 项目实训第一周（2）
使用sigmajs绘制出第一张图片生成一个随机图并存储在“graph”变量中，然后直接用该图实例化sigma。实现这个demo的思路就是第一步 - 创建node,你需要创建几个节点.第二步- 创建edge(线),把这个节点用线给连接起来.节点就是一个数组,线也是一个数组,里面的对象来描述各个节点和线的信息第三步 - 新建一个sigma实例s，在'graph-container'区域绘制出来<!-- START SIGMA IMPORTS --><scr.
2021-07-01 15:52:29
77
原创 项目实训第一周（1）
负责饮食健康管理系统中的社交云，以用户和饮食为点、两者交互为边构建可视化的交互图户和饮食为点、两者交互为边构建可视化的交互图，用户可以点击查看用户主页和饮食详情，可以对饮食进行点赞和留言等交互操作。交互逻辑如图：需要的主要模块如下：社交云的概念预览图如下，主要是使用sigmajs库。sigma 是一个专门的用来展示图表的js库.它被设计的你能用它来定制化和用它来开发高度可交互化的web应用来展示图表工具。使用git和node,并从网上clone下开源库$ g
2021-06-29 18:39:53
56
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人