Day1打卡 变量与格式化字符串

一.了解变量和输出


知识点:

变量的命名和定义
debug工具的使用(pycharm和vscode)
print函数


题目: 定义三个变量 a, b, c,并分别将整数 1, 2, 3 赋值给它们。然后,使用 print() 函数将每个变量的值单独打印出来,每个值占一行。

a = 1
b = 2
c = 3
print(a)
print(b)
print(c)


输出为:
1
2
3

进阶思考:如何只用 一个 print() 函数调用就实现上面分三行的输出效果?    
换行符 \n
a = 1
b = 2
c = 3
print(a, b, c, sep='\n')

or

a = 1
b = 2
c = 3
print(f"{a}\n{b}\n{c}"))

输出为:
1
2
3


二.格式化字符串

题目: 创建两个变量:name 存储你的名字(字符串,例如 "小明"),city 存储你所在的城市(字符串,例如 "北京")。使用 f-string 将这两个变量组合成一句话并打印出来。
name="小时"
city="成都"
print(f"我的名字是{name},来自{city}。")

输出为:
我的名字是小时,我住在成都。


进阶思考1:如果想在输出的姓名两边加上引号,例如 姓名: "小明", 城市: 北京,f-string 语句应该怎么写?
name="小明"
city="北京"
print(f'姓名:"{name}",城市:{city}')

or

name = "小明"
city = "北京"
print(f"姓名: \"{name}\", 城市: {city}")

输出为:
姓名:"小明",城市:北京

进阶思考2:只用一个 print() 和 f-string,如何让姓名和城市分两行输出?

、name = "小明"
city = "北京"
print(f"姓名: {name}\n城市: {city}")

输出为:
姓名: 小明
城市: 北京

三.变量的基础运算

题目: 定义两个整数变量,num1 赋值为 20,num2 赋值为 8。计算这两个变量的和,并将结果存储在一个新的变量 a 中;计算这两个变量的商,叫做b;计算这两个变量的余数,叫做c。然后,使用 f-string 打印出类似 “20 加 8 的结果是:28” 的信息,分成三行打印。

num1=20
num2=8
a=num1+num2
b=num1/num2
c=num1%num2
print(f"{num1}加{num2}的结果是:{a}")
print(f"{num1}除以{num2}的商是:{b}")
print(f"{num1}除以{num2}的余数是:{c}")


or

# 定义变量并计算
num1 = 20
num2 = 8
a = num1 + num2  # 和
b = num1 / num2   # 商
c = num1 % num2   # 余数
 
# 使用f-string分三行输出
print(f"{num1} 加 {num2} 的结果是:{a}\n"
      f"{num1} 除以 {num2} 的商是:{b}\n"
      f"{num1} 除以 {num2} 的余数是:{c}")

输出为:

20 加 8 的结果是:28
20 除以 8 的商是:2.5
20 除以 8 的余数是:4

题目: 定义两个浮点数变量,price 赋值为 19.9,discount 赋值为 0.8 (表示 8 折)。计算折扣后的价格,并将结果存储在变量 final_price 中;计算节省了多少钱,存储在变量 saved_amount 中。然后,使用 f-string 分两行打印出类似以下格式的信息:
最终价格是: 15.92
节省金额是: 3.98

# 定义变量并计算
price = 19.9
discount = 0.8
final_price = price * discount  # 折扣后价格
saved_amount = price - final_price  # 节省金额

# 使用f-string分两行输出
print(f"折扣后价格:{final_price:.2f}元\n节省金额:{saved_amount:.2f}元")

输出结果为:

折扣后价格:15.92元

节省金额:3.98元

review:


了解变量和输出

格式化字符串

变量的基础运算

同时回顾了环境的创建(trae的debug要求python大于等于3.9)
win+v可查看剪贴板-方便长代码剪切
借助trae内置AI大模型(可结合左侧代码)不断沟通,加深理解【例如:基于上述问答,帮我出几道(更难的)python的题目,强化我的代码能力。】
大模型不稳定,可在优快云进行搜索加深理解
在trae中按ctrl可以知道函数是如何被写出来的(函数-类-包,不要重复造轮子)
shift+enter 快捷运行

@浙大疏锦行

### 使用 Vue.js 实现员工打卡系统的功能 #### 数据模型设计 为了构建一个完整的员工打卡系统,首先需要定义好数据结构。这通常涉及到用户的个人信息、打卡记录等。在 Vue 中可以通过 `data` 函数来初始化这些变量。 ```javascript new Vue({ el: '#app', data() { return { employeeId: 'E001', // 员工ID name: '张三', // 名字 punchRecords: [], // 打卡历史列表 lastPunchTime: null // 上次打卡时间 } }, }) ``` #### 用户界面布局 创建简单的 HTML 结构用于显示员工信息和操作按钮。利用 Vue 提供的模板语法可以方便地绑定属性并处理事件[^1]。 ```html <div id="app"> <h2>欢迎 {{name}}</h2> <p>ID:{{employeeId}}</p> <!-- 显示当前状态 --> <div v-if="!lastPunchTime">尚未打卡</div> <div v-else>上次打卡时间为:{{formatDate(lastPunchTime)}}</div> <!-- 打卡按钮 --> <button @click="handlePunchIn()">点击打卡</button> <!-- 查看打卡记录 --> <ul> <li v-for="(record, index) in punchRecords" :key="index">{{ formatDate(record.time) }}</li> </ul> </div> ``` #### 方法实现 编写 JavaScript 方法用来更新视图中的数据,并且能够响应用户的交互行为。这里主要实现了两个函数:一个是负责实际执行打卡逻辑;另一个则是格式化日期字符串以便于阅读[^2]。 ```javascript methods:{ handlePunchIn(){ const now = new Date(); this.punchRecords.push({time:now}); this.lastPunchTime=now; }, formatDate(date){ let year=date.getFullYear(),month=(date.getMonth()+1).toString().padStart(2,'0'),day=date.getDate().toString().padStart(2,'0'); return `${year}-${month}-${day}`; } } ``` 通过上述代码片段可以看出,在开发过程中充分利用了 Vue 的双向数据绑定机制以及组件化的理念,让整个项目的维护性和扩展性得到了极大的提升。此外,还应该考虑到安全性方面的问题,比如防止重复提交请求或者非法访问接口等问题的发生。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值